.app-shell{padding-top:18px}.hero{margin-top:18px;min-height:218px;background:linear-gradient(135deg,#171a40,#101229 54%,#301850);box-shadow:0 24px 70px rgba(0,0,0,.34)}.hero h2{font-size:34px}.hero-art{right:-8%;top:-3%;width:70%;height:108%}.demo-banner{display:none}.case-card{box-shadow:0 16px 36px rgba(0,0,0,.16);transition:transform .2s,border-color .2s}.case-card:active{transform:scale(.985)}
.progress{height:5px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.progress i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 10px var(--violet);transition:width .35s}
.bonus-case{margin-top:13px;border:1px solid rgba(163,108,255,.24);border-radius:24px;background:linear-gradient(135deg,rgba(80,43,139,.27),rgba(14,15,34,.96));padding:14px;display:grid;grid-template-columns:65px 1fr;gap:12px;align-items:center;position:relative;overflow:hidden}.bonus-case:before{content:"";position:absolute;width:160px;height:160px;background:#8a55f0;filter:blur(65px);opacity:.16;right:-80px}.bonus-icon{width:65px;height:78px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.4))}.bonus-copy{min-width:0}.bonus-label{font-size:7px;letter-spacing:.15em;color:#c59dff}.bonus-copy h3{font-size:14px;margin:3px 0}.bonus-copy p{font-size:9px;color:var(--muted);margin:0 0 8px}.bonus-copy small{font-size:8px;color:#9298bd}.bonus-case .open-button{grid-column:1/3;width:100%}
.page-title{display:flex;align-items:center;gap:12px;margin:24px 2px 17px}.page-title h2{font-size:27px;margin:2px 0;letter-spacing:-.04em}.title-icon,.round-icon{display:grid;place-items:center;background:linear-gradient(145deg,rgba(86,221,255,.22),rgba(155,108,255,.22));border:1px solid rgba(86,221,255,.18);color:var(--cyan)}.title-icon{width:44px;height:44px;border-radius:15px;font-size:21px}.round-icon{width:38px;height:38px;border-radius:13px;flex:none}.round-icon.violet{color:#c5a5ff}
.task-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px}.task-summary>div{border:1px solid var(--line);background:var(--panel);padding:14px 16px;border-radius:17px;display:grid;gap:3px}.task-summary span{font-size:9px;color:var(--muted)}.task-summary strong{font-size:18px}.task-summary b{color:var(--gold)}.segment-control{display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.045);padding:4px;border-radius:14px;margin:14px 0}.segment-control button{border:0;background:transparent;color:#777d9f;padding:10px 5px;border-radius:11px;font-weight:750;font-size:11px}.segment-control button.active{background:#252847;color:#fff;box-shadow:0 5px 16px rgba(0,0,0,.22)}.task-tab{display:none}.task-tab.active{display:block}.task-list,.my-tasks{display:grid;gap:10px}.task-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(22,25,53,.96),rgba(12,14,31,.96));border-radius:19px;padding:15px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px}.task-logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#47d6ff,#7c69ff);font-weight:950;color:#090a19}.task-card h3{font-size:12px;margin:0 0 4px}.task-card p{font-size:9px;color:var(--muted);margin:0}.task-reward{text-align:right}.task-reward b{display:block;color:var(--gold);font-size:12px}.task-reward button{margin-top:6px;border:0;border-radius:9px;background:rgba(86,221,255,.12);color:var(--cyan);padding:7px 9px;font-size:9px;font-weight:850}.task-reward button.done{color:#858aa8;background:rgba(255,255,255,.05)}
.creator-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(24,27,58,.94),rgba(12,14,31,.96));border-radius:24px;padding:19px}.creator-head{display:flex;gap:11px;align-items:center;margin-bottom:17px}.creator-head>span{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:rgba(155,108,255,.14);color:#c6a5ff}.creator-head h3{margin:0;font-size:16px}.creator-head p{margin:3px 0 0;color:var(--muted);font-size:10px}.creator-card label{display:grid;gap:6px;color:#aeb3d0;font-size:9px;margin-top:11px}.creator-card input,.amount-input{border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(4,5,16,.46);color:#fff;padding:12px;outline:none}.creator-card input:focus,.amount-input:focus-within{border-color:rgba(86,221,255,.4)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.budget-box{margin:14px 0;padding:14px;border-radius:15px;background:rgba(255,255,255,.035);display:grid;gap:8px}.budget-box>div,.ref-gate>div{display:flex;justify-content:space-between;gap:8px}.budget-box span,.budget-box b,.budget-box small{font-size:9px;color:var(--muted)}.budget-box b{color:#d7daf0}.budget-box .budget-total{border-top:1px solid var(--line);padding-top:9px}.budget-total strong{color:var(--gold)}.form-hint{min-height:13px;text-align:center;font-size:9px!important;color:var(--muted)!important;margin:9px 0 0!important}.campaign{padding:13px 14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.035)}.campaign div{display:flex;justify-content:space-between;gap:8px}.campaign b{font-size:11px}.campaign span,.campaign small{font-size:9px;color:var(--muted)}.campaign .progress{margin:9px 0 6px}
.wallet-card{margin-top:20px;position:relative;overflow:hidden}.wallet-card .balance-star{width:82px;height:82px}.wallet-stats{border-top:1px solid var(--line);padding-top:14px;margin-top:16px;display:grid;grid-template-columns:1fr 1fr}.wallet-stats span{font-size:9px;color:var(--muted)}.wallet-stats span+span{border-left:1px solid var(--line)}.wallet-stats b{display:block;color:#e9eafd;font-size:11px;margin-top:3px}.panel-title{justify-content:flex-start;gap:11px}.ref-gate{padding:12px;margin:14px 0 11px;background:rgba(255,255,255,.035);border-radius:13px}.ref-gate span,.ref-gate b{font-size:9px}.ref-gate .progress{margin-top:9px}.amount-input{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-bottom:10px}.amount-input span{font-size:9px;color:var(--muted)}.amount-input input{width:100%;border:0;background:transparent;color:#fff;text-align:right;outline:none;font-weight:800}.amount-input b{color:var(--gold)}
.referral-panel{margin-top:13px}.link-box{display:grid;grid-template-columns:1fr auto;margin-top:14px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:rgba(4,5,16,.4)}.link-box input{min-width:0;border:0;background:transparent;color:#aeb3d0;padding:11px;font-size:9px;outline:none}.link-box button{border:0;background:rgba(155,108,255,.15);color:#c7adff;font-size:9px;font-weight:800;padding:0 11px}.ref-milestones{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:11px}.ref-milestones span{font-size:8px;color:var(--muted)}.ref-milestones i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--violet);box-shadow:0 0 8px var(--violet);margin-right:5px}.info-row{width:100%;margin-top:11px;padding:14px;border:1px solid var(--line);border-radius:17px;background:var(--panel);color:#fff;display:grid;grid-template-columns:36px 1fr auto;align-items:center;text-align:left;gap:10px}.info-row>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:var(--cyan);font-weight:800}.info-row div{display:grid;gap:2px}.info-row b{font-size:11px}.info-row small{font-size:8px;color:var(--muted)}.info-row em{font-size:22px;color:#737999;font-style:normal}
.reel-window{height:116px;margin:16px -24px 10px;overflow:hidden;position:relative;border-block:1px solid rgba(255,255,255,.08);background:rgba(4,5,15,.43)}.reel-window:before,.reel-window:after{content:"";position:absolute;top:0;bottom:0;width:75px;z-index:3}.reel-window:before{left:0;background:linear-gradient(90deg,#181a39,transparent)}.reel-window:after{right:0;background:linear-gradient(-90deg,#151731,transparent)}.reel-marker{position:absolute;z-index:4;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(transparent,var(--gold),transparent);box-shadow:0 0 12px var(--gold)}.reel-track{height:100%;display:flex;align-items:center;gap:12px;width:max-content}.reel-track.spinning{animation:reelSpin 2.35s cubic-bezier(.12,.7,.18,1) forwards}@keyframes reelSpin{from{transform:translateX(0)}to{transform:translateX(-850px)}}.reel-item{width:86px;height:86px;flex:none;border:1px solid var(--line);border-radius:19px;background-color:rgba(255,255,255,.035)}.reward-reveal{display:none}.reward-reveal.show{display:grid;animation:revealPop .5s cubic-bezier(.2,1.5,.4,1)}@keyframes revealPop{from{transform:scale(.25);opacity:0}}.sheet-dialog{position:relative;width:min(100% - 20px,500px);margin-bottom:10px;border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:22px;background:linear-gradient(160deg,#21244d,#101124 72%);animation:rise .35s cubic-bezier(.2,.8,.2,1);text-align:left}.sheet-handle{width:38px;height:4px;border-radius:8px;background:#515672;margin:-8px auto 18px}.sheet-dialog h2{margin:0 0 8px}.sheet-dialog h3{font-size:13px}.sheet-dialog p,.sheet-dialog li{color:var(--muted);font-size:10px;line-height:1.6}.sheet-dialog ul{padding-left:17px;margin-bottom:18px}.toast{position:fixed;z-index:80;left:50%;bottom:100px;transform:translate(-50%,20px);max-width:calc(100% - 35px);padding:10px 14px;border-radius:12px;background:#f2f0ff;color:#111225;font-size:10px;font-weight:800;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}