/* MANTA V60 · Shared Task Center banner + rounded task cards */
.task-center-banner{position:relative;isolation:isolate;display:flex;align-items:center;min-height:184px;overflow:hidden;padding:24px 26px;border:2px solid #35c9ff;border-radius:25px;color:#fff;background:radial-gradient(circle at 83% 20%,#29d8ff72,transparent 25%),radial-gradient(circle at 73% 88%,#1c72ff70,transparent 36%),linear-gradient(118deg,#06194f 0%,#0752bd 58%,#079bd4 100%);box-shadow:0 14px 30px #0758bd2e}
.task-center-banner:before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(135deg,transparent 0 50px,#ffffff0b 51px 53px),linear-gradient(100deg,#001b5830,transparent 72%)}
.task-center-banner.has-image{display:block;min-height:0;padding:0;border:1px solid #c4ddf5;border-radius:22px;background:#eaf4ff;box-shadow:0 10px 24px #0758bd20}
.task-center-banner.has-image .task-center-banner-image{position:relative;z-index:1;display:block;inset:auto;width:100%;height:auto;max-height:230px;object-fit:contain;object-position:center;border-radius:inherit}
.task-center-banner.has-image .task-center-banner-copy,.task-center-banner.has-image .task-center-banner-orbit{display:none}
.task-center-banner.has-image:before,.task-center-banner.has-image:after{display:none}
.task-center-banner-copy{position:relative;z-index:2;max-width:min(70%,650px)}
.task-center-banner-copy>small{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #66eaff;border-radius:30px;background:linear-gradient(110deg,#078ff5,#1149be);font-size:10px;font-weight:950;letter-spacing:1.2px;box-shadow:0 5px 16px #00bfff55}
.task-center-banner-copy h1{margin:12px 0 7px;color:#fff;font-size:clamp(29px,5vw,46px);font-weight:1000;line-height:1.04;letter-spacing:-.5px;text-shadow:0 3px 15px #001c58}
.task-center-banner-copy p{margin:0;color:#e5f7ff;font-size:13px;font-weight:750;line-height:1.55;text-shadow:0 2px 8px #001c58}
.task-center-banner-orbit{position:absolute;right:7%;top:50%;width:116px;height:116px;transform:translateY(-50%);display:grid;place-items:center;border:1px solid #91edff9c;border-radius:50%;background:radial-gradient(circle,#27cfff38 0 38%,#087be22a 39% 65%,transparent 66%);box-shadow:0 0 28px #13c9ff78,inset 0 0 22px #52e9ff43;animation:taskOrbitPulse 3.3s ease-in-out infinite}
.task-center-banner-orbit:before,.task-center-banner-orbit:after{content:"";position:absolute;inset:12px;border:2px solid #9bf2ff9c;border-radius:50%;transform:rotate(35deg) scaleX(1.5)}
.task-center-banner-orbit:after{inset:24px;border-color:#4bbdff8c;transform:rotate(-35deg) scaleX(1.55)}
.task-center-banner-orbit span{z-index:2;display:grid;place-items:center;width:53px;height:53px;border:2px solid #d2fbff;border-radius:50%;background:linear-gradient(145deg,#05caff,#0757d6);color:white;font-size:27px;font-weight:1000;box-shadow:0 0 22px #16d5ffb8}
.task-center-banner-orbit i,.task-center-banner-orbit b{position:absolute;z-index:3;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#20e2ff;box-shadow:0 0 12px #39eaff}
.task-center-banner-orbit i{top:9px;right:22px}.task-center-banner-orbit b{bottom:9px;left:18px}
@keyframes taskOrbitPulse{0%,100%{box-shadow:0 0 22px #13c9ff55,inset 0 0 18px #52e9ff35}50%{box-shadow:0 0 36px #13c9ff9c,inset 0 0 27px #52e9ff6b}}
.share-page-v41 .share-section-title h2{letter-spacing:-.25px}
.task-card-v60{position:relative;display:flex;flex-direction:column;gap:13px;width:100%;padding:17px!important;border:1px solid #cfe5ff!important;border-radius:23px!important;background:linear-gradient(145deg,#fff 0%,#f3f8ff 58%,#eaf4ff 100%)!important;box-shadow:0 8px 21px #0a4b9b18,inset 0 1px #fff;overflow:hidden}
.task-card-v60:before{content:"";position:absolute;right:-55px;top:-65px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,#8adfff30,transparent 68%);pointer-events:none}
.task-card-v60-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.task-card-v60-tag{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:0 11px;border:1px solid #a9d4ff;border-radius:30px;background:linear-gradient(110deg,#e7f5ff,#c8e6ff);color:#0754c5;font-size:10px;font-weight:1000;letter-spacing:.65px}
.task-card-v60-status{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 11px;border:1px solid #c7dbef;border-radius:30px;background:#edf4fc;color:#55718e;font-size:10px;font-weight:950;white-space:nowrap}
.task-card-v60-status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px #ffffffb8}
.task-card-v60-status.complete,.task-card-v60-status.ready{border-color:#a5e8c4;background:linear-gradient(110deg,#e4fff0,#c8f7dc);color:#07834e}
.task-card-v60-status.active{border-color:#9fc9ff;background:linear-gradient(110deg,#e9f5ff,#cde4ff);color:#0860d4}
.task-card-v60-status.locked{border-color:#d8e2ed;background:#f0f4f8;color:#667c94}
.task-card-v60-main{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:14px}
.task-card-v60-copy{min-width:0}
.task-card-v60-copy h3,.task-card-v60-all .deposit-task-info h3{margin:0 0 7px;color:#073a8f;font-size:17px;font-weight:1000;line-height:1.28;overflow-wrap:anywhere}
.task-card-v60-copy>p,.task-card-v60-all .deposit-task-info>p{margin:0 0 11px;color:#516b8c;font-size:11px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}
.task-card-v60-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.task-card-v60-metrics>div,.deposit-task-v60-metrics>div{display:flex;flex-direction:column;gap:5px;min-width:0;padding:9px 8px;border:1px solid #d7e9fc;border-radius:13px;background:linear-gradient(145deg,#fafdff,#e8f4ff)}
.task-card-v60-metrics small,.deposit-task-v60-metrics span{color:#52708e;font-size:9px;font-weight:800;line-height:1.35}
.task-card-v60-metrics b,.deposit-task-v60-metrics b{color:#0754c5;font-size:13px;font-weight:1000;overflow-wrap:anywhere}
.task-card-v60-progress{margin-top:11px}
.task-card-v60-progress>div,.deposit-task-progress>div:first-child{display:flex;justify-content:space-between;gap:8px;color:#5c7693;font-size:10px;font-weight:800}
.task-card-v60-progress>div b,.deposit-task-progress>div:first-child b{color:#0758c9;font-weight:1000}
.task-card-v60-progress>i{display:block;height:8px;margin-top:6px;overflow:hidden;border:1px solid #d5e6f6;border-radius:20px;background:#e7f0fa}
.task-card-v60-progress>i em{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#0874f2,#08c9ee);box-shadow:0 0 9px #05aaff66}
.task-card-v60-ring{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:87px;height:87px;border-radius:50%;background:conic-gradient(#08a8f3 var(--task-progress,0deg),#dceafb 0);box-shadow:0 5px 14px #0b6bd126}
.task-card-v60-ring:before{content:"";position:absolute;inset:7px;border:1px solid #d8e9fb;border-radius:50%;background:linear-gradient(145deg,#fff,#eef7ff);box-shadow:inset 0 2px 7px #0a60b312}
.task-card-v60-ring b,.task-card-v60-ring small{position:relative;z-index:1}
.task-card-v60-ring b{color:#0754c5;font-size:18px;font-weight:1000}
.task-card-v60-ring small{color:#69819b;font-size:8px;font-weight:900}
.task-card-v60-claim{position:relative;z-index:1;width:100%;min-height:43px;border-radius:15px!important;background:linear-gradient(110deg,#0878f7,#0750cf)!important;box-shadow:0 6px 14px #0863d638;color:#fff!important;font-size:12px;font-weight:1000}
.task-card-v60-claim:disabled{background:linear-gradient(110deg,#d9e6f5,#c7d8ec)!important;color:#58718b!important;box-shadow:none;opacity:1}
.deposit-tasks-page .task-all-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 4px -2px}
.deposit-tasks-page .task-all-heading h2{margin:0;color:#073b91;font-size:20px;font-weight:1000}
.deposit-tasks-page .task-all-heading span{padding:6px 11px;border:1px solid #cbe2fb;border-radius:30px;background:#eaf5ff;color:#1760b8;font-size:10px;font-weight:900}
.deposit-tasks-page .deposit-task-ref-card.task-card-v60-all{display:grid;grid-template-columns:minmax(0,1fr) 138px;gap:14px;align-items:center;padding:17px!important;border:1px solid #cfe5ff!important;border-radius:22px!important;background:linear-gradient(145deg,#fff,#f1f7ff)!important;box-shadow:0 8px 21px #0a4b9b16}
.deposit-tasks-page .deposit-task-info{min-width:0}
.deposit-tasks-page .deposit-task-info>h3{margin-top:11px!important}
.deposit-task-v60-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0}
.deposit-tasks-page .deposit-task-progress{margin-top:10px}
.deposit-tasks-page .deposit-task-progress-track{height:8px;border-radius:20px;background:#e5eef8;overflow:hidden}
.deposit-tasks-page .deposit-task-progress-track i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#0874f2,#08c9ee)}
.deposit-tasks-page .deposit-task-progress>small{display:block;margin-top:5px;color:#64809d;font-size:9px;font-weight:900;text-align:right}
.deposit-tasks-page .deposit-task-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0;padding:12px 8px;border:1px solid #d6e8fa;border-radius:18px;background:linear-gradient(145deg,#f7fbff,#eaf4ff)}
.deposit-tasks-page .deposit-task-status-pill{display:inline-flex;align-items:center;justify-content:center;gap:5px;max-width:100%;padding:6px 10px;border-radius:30px;font-size:10px;font-weight:950;white-space:nowrap}
.deposit-tasks-page .deposit-task-status-pill.complete{background:#d8f8e6;color:#07834e}.deposit-tasks-page .deposit-task-status-pill.active{background:#deefff;color:#075ed4}.deposit-tasks-page .deposit-task-status-pill.locked{background:#eef2f6;color:#657b94}
.deposit-tasks-page .deposit-task-ring{position:relative;display:grid;place-items:center;width:83px;height:83px;border-radius:50%;background:conic-gradient(#08a8f3 var(--task-progress,0deg),#dceafb 0);box-shadow:0 4px 12px #0a6dc326}
.deposit-tasks-page .deposit-task-ring:before{content:"";position:absolute;inset:7px;border:1px solid #d8e9fb;border-radius:50%;background:linear-gradient(145deg,#fff,#eef7ff)}
.deposit-tasks-page .deposit-task-ring b{position:relative;z-index:1;color:#0754c5;font-size:17px;font-weight:1000}
.deposit-tasks-page .deposit-task-lock{display:grid;place-items:center;width:72px;height:72px;border:1px solid #b8d8f9;border-radius:50%;background:linear-gradient(145deg,#e9f7ff,#c5e2ff);color:#0861d7;font-size:28px;font-weight:1000;box-shadow:0 4px 12px #0a6dc21b}
.deposit-tasks-page .deposit-task-status>small{color:#647f9a;font-size:9px;font-weight:800;text-align:center;line-height:1.4}
.deposit-tasks-page .deposit-task-claim{width:100%;min-height:36px;border:0;border-radius:12px;background:linear-gradient(110deg,#0878f7,#0750cf);color:#fff;font-size:10px;font-weight:1000}
.task-admin-banner-card{border:1px solid #cfe3fa;border-radius:18px;background:linear-gradient(145deg,#f7fbff,#edf6ff)}
.task-admin-banner-card h3{margin:0;color:#123f89}
@media(max-width:640px){
 .task-center-banner{min-height:145px;padding:15px 14px;border-radius:19px}
 .task-center-banner.has-image{min-height:0;padding:0;border-radius:17px}
 .task-center-banner.has-image .task-center-banner-image{max-height:150px}
 .task-center-banner-copy{max-width:72%}
 .task-center-banner-copy>small{padding:5px 8px;font-size:8px;letter-spacing:.7px}
 .task-center-banner-copy h1{margin:9px 0 5px;font-size:clamp(25px,6.6vw,32px)}
 .task-center-banner-copy p{font-size:9px;line-height:1.45}
 .task-center-banner-orbit{right:4%;width:77px;height:77px}
 .task-center-banner-orbit:before{inset:8px}.task-center-banner-orbit:after{inset:17px}
 .task-center-banner-orbit span{width:37px;height:37px;font-size:19px}
 .task-center-banner-orbit i{top:5px;right:13px;width:8px;height:8px}.task-center-banner-orbit b{bottom:5px;left:12px;width:8px;height:8px}
 .task-card-v60{gap:10px;padding:12px!important;border-radius:18px!important}
 .task-card-v60-main{grid-template-columns:minmax(0,1fr) 68px;gap:7px}
 .task-card-v60-copy h3,.task-card-v60-all .deposit-task-info h3{font-size:14px}
 .task-card-v60-copy>p,.task-card-v60-all .deposit-task-info>p{font-size:9px;margin-bottom:8px}
 .task-card-v60-tag,.task-card-v60-status{min-height:24px;padding:0 8px;font-size:8px}
 .task-card-v60-metrics,.deposit-task-v60-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .task-card-v60-metrics>div,.deposit-task-v60-metrics>div{padding:7px 6px;border-radius:10px}
 .task-card-v60-metrics small,.deposit-task-v60-metrics span{font-size:8px}
 .task-card-v60-metrics b,.deposit-task-v60-metrics b{font-size:11px}
 .task-card-v60-ring{width:65px;height:65px}
 .task-card-v60-ring:before{inset:5px}
 .task-card-v60-ring b{font-size:14px}.task-card-v60-ring small{font-size:7px}
 .task-card-v60-claim{min-height:37px;font-size:10px;border-radius:12px!important}
 .deposit-tasks-page .task-all-heading h2{font-size:17px}
 .deposit-tasks-page .task-all-heading span{font-size:8px}
 .deposit-tasks-page .deposit-task-ref-card.task-card-v60-all{grid-template-columns:minmax(0,1fr) 84px;gap:8px;padding:11px!important;border-radius:18px!important}
 .deposit-tasks-page .deposit-task-status{gap:6px;padding:8px 5px;border-radius:14px}
 .deposit-tasks-page .deposit-task-status-pill{padding:5px 6px;font-size:8px}
 .deposit-tasks-page .deposit-task-ring{width:62px;height:62px}
 .deposit-tasks-page .deposit-task-ring:before{inset:5px}
 .deposit-tasks-page .deposit-task-ring b{font-size:13px}
 .deposit-tasks-page .deposit-task-lock{width:57px;height:57px;font-size:22px}
 .deposit-tasks-page .deposit-task-status>small{font-size:7px}
 .deposit-tasks-page .deposit-task-claim{min-height:31px;font-size:8px}
}
@media(prefers-reduced-motion:reduce){.task-center-banner-orbit{animation:none}}
