@font-face{font-family:SULD;src:url(/f/suld.ttf) format("truetype");font-display:block}
:root{--g:#2BF27A;--g2:#12C75C;--bg:#030604;--card:rgba(255,255,255,.04);--line:rgba(255,255,255,.08);--t:#EAFBF0;--m:#8AA595}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--t);font:16px/1.55 -apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
#bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(60% 40% at 50% -5%,rgba(43,242,122,.16),transparent 70%),radial-gradient(40% 30% at 90% 100%,rgba(43,242,122,.06),transparent 70%)}
a{color:inherit;text-decoration:none}
header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:14px max(16px,calc(50% - 520px));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:rgba(3,6,4,.6);border-bottom:1px solid var(--line)}
nav{display:flex;gap:6px;align-items:center}nav>a:not(.pill){padding:8px 12px;border-radius:999px;color:var(--m);font-weight:600;font-size:15px}nav>a:not(.pill):hover,nav>a.on{color:var(--t);background:var(--card)}
.wm{font:900 32px/1 SULD,sans-serif;letter-spacing:.01em;padding-right:4px;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.7) 46%,transparent 54%),linear-gradient(180deg,#f0fff6,#9dffc2 22%,#34f582 46%,#12c75c 54%,#0b9f48 80%,#43ff8f);background-size:250% 100%,100% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 6px rgba(60,255,140,.55));animation:sh 6s linear infinite}
@keyframes sh{0%{background-position:150% 0,0 0}100%{background-position:-150% 0,0 0}}
main{max-width:1040px;margin:0 auto;padding:28px 16px 80px;min-height:70vh}
footer{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;max-width:1040px;margin:0 auto;padding:24px 16px 40px;color:var(--m);font-size:13px;border-top:1px solid var(--line)}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:14px 26px;font:700 16px/1 inherit;font-family:inherit;cursor:pointer;background:var(--g);color:#021108;box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 8px 30px rgba(43,242,122,.35);transition:transform .15s,box-shadow .2s}
.pill:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(255,255,255,.2) inset,0 10px 40px rgba(43,242,122,.5)}
.pill.ghost{background:rgba(255,255,255,.06);color:var(--t);box-shadow:0 0 0 1px var(--line) inset;backdrop-filter:blur(10px)}
.pill.sm{padding:9px 16px;font-size:14px}.pill[disabled]{opacity:.5;pointer-events:none}
.hero{text-align:center;padding:36px 0 10px}
.hero .big{font:900 clamp(64px,16vw,190px)/.9 SULD,sans-serif;display:inline-block;padding:0 .08em;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.75) 46%,transparent 54%),linear-gradient(180deg,#f0fff6,#9dffc2 22%,#34f582 46%,#12c75c 54%,#0b9f48 80%,#43ff8f);background-size:250% 100%,100% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(60,255,140,.8)) drop-shadow(0 0 40px rgba(0,255,110,.35));animation:sh 6s linear infinite}
.hero p{color:var(--m);font-size:19px;margin:10px auto 26px;max-width:520px}
.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.vid{position:relative;margin:34px auto 0;max-width:860px;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#000;box-shadow:0 0 0 1px var(--line),0 30px 80px rgba(0,0,0,.6),0 0 60px rgba(43,242,122,.12)}
.vid video,.vid iframe{width:100%;height:100%;display:block;border:0;object-fit:cover}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px}
.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px}
.card b{display:block;font-size:17px;margin-bottom:4px}.card span{color:var(--m);font-size:14px}
.num{font:900 34px/1 SULD,sans-serif;color:var(--g);text-shadow:0 0 18px rgba(43,242,122,.5)}
h1{font-size:clamp(28px,5vw,40px);letter-spacing:-.02em;margin:6px 0 8px}h2{font-size:20px;margin:34px 0 12px}.muted{color:var(--m)}
.prize{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.prize .card{text-align:center}.prize .num{font-size:30px}
.lb{width:100%;border-collapse:separate;border-spacing:0 6px;font-variant-numeric:tabular-nums}
.lb td{padding:12px 14px;background:var(--card)}.lb td:first-child{border-radius:14px 0 0 14px;width:56px;color:var(--m);font-weight:700}.lb td:last-child{border-radius:0 14px 14px 0;text-align:right;font-weight:800}
.lb tr.top td:first-child{color:var(--g)}.up{color:var(--g)}.dn{color:#ff6b6b}
.lb .w{font:12px ui-monospace,Menlo,monospace;color:var(--m)}
.list a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 18px;border-radius:18px;background:var(--card);border:1px solid var(--line);margin-bottom:8px;transition:border-color .2s}
.list a:hover{border-color:rgba(43,242,122,.5)}.list small{color:var(--m);white-space:nowrap}
.courses{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.course{border-radius:22px;overflow:hidden;background:var(--card);border:1px solid var(--line);transition:transform .15s,border-color .2s}.course:hover{transform:translateY(-2px);border-color:rgba(43,242,122,.5)}
.course img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.course b{display:block}.course small{color:var(--m)}
.lesson{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}
.body{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:6px 22px;margin-top:16px;color:#cfe9d8}.body a{color:var(--g)}
.side{position:sticky;top:84px;max-height:80vh;overflow:auto}
.side a{display:block;padding:10px 14px;border-radius:12px;color:var(--m);font-size:14px}.side a.on,.side a:hover{background:var(--card);color:var(--t)}
.form{max-width:380px;margin:40px auto;text-align:center}
input{width:100%;padding:16px 20px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--t);font:16px inherit;font-family:inherit;outline:0;margin:6px 0 12px;text-align:center}
input:focus{border-color:var(--g);box-shadow:0 0 0 4px rgba(43,242,122,.15)}
.code{letter-spacing:.5em;font-size:24px;font-weight:700}
.msg{min-height:22px;color:var(--m);font-size:14px}.msg.err{color:#ff8080}
.status{display:flex;align-items:center;gap:10px;font-weight:700}.dot{width:10px;height:10px;border-radius:50%;background:var(--g);box-shadow:0 0 10px var(--g)}.dot.off{background:#ff6b6b;box-shadow:0 0 10px #ff6b6b}
.lock{text-align:center;padding:60px 20px}
@media(max-width:760px){.grid3,.prize{grid-template-columns:1fr}.lesson{grid-template-columns:1fr}.side{position:static;max-height:none}nav>a:not(.pill){padding:8px 8px;font-size:14px}.wm{font-size:26px}header{padding:12px 16px}}
.solpay{margin-top:16px;padding:16px;border-radius:18px;background:rgba(43,242,122,.06);border:1px solid rgba(43,242,122,.25)}
.solpay #qr{background:#fff;padding:10px;border-radius:14px;width:max-content;margin-bottom:12px}
.solpay ol{margin:0 0 10px;padding-left:18px;color:var(--m);font-size:14px;line-height:1.6}
.solpay .addr{display:block;word-break:break-all;font-size:12px;background:#030604;border:1px solid #163a22;border-radius:12px;padding:10px;margin-bottom:8px}

.promo{display:block;text-align:center;padding:9px 14px;font-size:14px;color:#e9fff1;text-decoration:none;background:linear-gradient(90deg,#1a0b00,#3a1700 30%,#0b2a14 70%,#03130a);border-bottom:1px solid rgba(255,140,40,.35)}
.promo b{color:#ff9a3c}.promo span{color:#9fbfaa}.promo u{color:#2bf27a;text-decoration:none;font-weight:700;margin-left:6px;padding:3px 10px;border-radius:999px;background:rgba(43,242,122,.12)}
.promo:hover u{background:rgba(43,242,122,.22)}
.promo[hidden]{display:none}
/* hero stage: reel on a blurred copy of itself */
.stage{position:relative;margin:34px auto 0;max-width:860px;aspect-ratio:16/9;border-radius:28px;overflow:hidden;background:#000;box-shadow:0 0 0 1px var(--line),0 30px 80px rgba(0,0,0,.6),0 0 80px rgba(43,242,122,.18)}
.stage .bgv{position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover;filter:blur(36px) saturate(1.3) brightness(.55)}
.stage .fg{position:relative;height:100%;aspect-ratio:9/16;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px rgba(43,242,122,.35),0 0 50px rgba(43,242,122,.25)}
.stage .fg video{width:100%;height:100%;object-fit:cover;display:block}
.snd{position:absolute;right:10px;bottom:10px;width:38px;height:38px;border-radius:50%;border:0;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 0 1px rgba(255,255,255,.15) inset;cursor:pointer}
.snd.big{width:46px;height:46px;right:14px;bottom:14px;background:rgba(43,242,122,.85);color:#021108}
.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:40px 0 12px}.sec-h h2{margin:0}
/* content wheel */
.wheel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.wheel::-webkit-scrollbar{display:none}
.reel{position:relative;flex:0 0 clamp(150px,42vw,210px);aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:#000;scroll-snap-align:start;cursor:pointer;box-shadow:0 0 0 1px var(--line);transition:transform .2s,box-shadow .2s}
.reel:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(43,242,122,.5),0 10px 30px rgba(43,242,122,.15)}
.reel video{width:100%;height:100%;object-fit:cover;display:block}
/* profits */
.profits{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.pcard{border-radius:22px;overflow:hidden;background:var(--card);border:1px solid var(--line)}
.pimg{aspect-ratio:4/5;overflow:hidden;background:#000}.pimg img{width:100%;height:100%;object-fit:cover;display:block}
.pt{padding:12px 14px}.pt .amt{font:900 26px/1.1 SULD,sans-serif;color:var(--g);text-shadow:0 0 14px rgba(43,242,122,.45)}.pt span{display:block;font-size:14px;margin-top:4px}.pt small{color:var(--m);font-size:12px}
/* lessons */
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:rgba(43,242,122,.1);color:#bff7d4;box-shadow:0 0 0 1px rgba(43,242,122,.25) inset}
.bar{height:6px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:12px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--g2),var(--g));box-shadow:0 0 10px var(--g)}
.lhead{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.lstat{text-align:right}
.resume{display:flex;align-items:center;gap:14px;padding:12px;border-radius:22px;background:linear-gradient(90deg,rgba(43,242,122,.14),rgba(43,242,122,.03));border:1px solid rgba(43,242,122,.35);margin:16px 0 18px}
.resume img{width:96px;aspect-ratio:16/9;object-fit:cover;border-radius:12px}.resume div{flex:1;min-width:0}.resume b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resume span.muted{font-size:13px}
.courses{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.cimg{position:relative}.cimg img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.badge{position:absolute;top:10px;right:10px;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;background:var(--g);color:#021108}
.course .cb{padding:14px 16px 16px}.course .cb b{font-size:17px}
.back{color:var(--m);font-size:14px;display:inline-block;margin-bottom:12px}
.chero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:center;margin-bottom:20px}
.chero img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:22px;box-shadow:0 0 0 1px var(--line),0 0 40px rgba(43,242,122,.15)}.chero h1{margin-top:0}.meta{color:var(--m);font-weight:600}
.lessons a{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:14px 16px;border-radius:18px;background:var(--card);border:1px solid var(--line);margin-bottom:8px;transition:border-color .2s,transform .15s}
.lessons a:hover{border-color:rgba(43,242,122,.5);transform:translateX(2px)}
.ix{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;background:rgba(255,255,255,.06);color:var(--m)}
.done .ix{background:var(--g);color:#021108}
.lm{display:flex;align-items:center;gap:4px;color:var(--m);font-size:13px;white-space:nowrap}
.player{margin:0 0 16px;max-width:none}.ltitle h1{margin:4px 0 0}.wait{margin-bottom:16px}
.pn{display:flex;justify-content:space-between;gap:10px;margin:18px 0}
.side .st{padding:8px 14px 6px;display:block}.side a{display:flex;gap:10px;align-items:center}.side .ix{flex:0 0 24px;width:24px;height:24px;font-size:11px}
@media(max-width:760px){.chero{grid-template-columns:1fr}.stage{aspect-ratio:4/5}.lhead .lstat{display:none}}
/* board */
.dbanner{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:18px;margin:10px 0 16px;background:linear-gradient(90deg,rgba(88,101,242,.22),rgba(88,101,242,.06));border:1px solid rgba(88,101,242,.45)}.dbanner span{color:#c7cdff;font-size:14px}
.compose textarea,.fi{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--t);font:15px inherit;font-family:inherit;outline:0;margin:0 0 10px;resize:vertical;text-align:left}
.compose textarea{min-height:80px}.fi:focus,.compose textarea:focus{border-color:var(--g)}
.post{margin-top:10px;padding:14px 16px}.post p{margin:6px 0 0;white-space:pre-wrap;color:#d6f3e1}.ph{display:flex;gap:10px;align-items:baseline}.ph b{margin:0;font-size:15px}
.x{margin-left:auto;background:none;border:0;color:var(--m);cursor:pointer}
/* studio */
.studio{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:start}
.studio aside{position:sticky;top:84px;padding:12px}.sth{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.sti,.stli{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:12px;cursor:pointer;color:var(--m);font-size:14px}.sti span,.stli .lt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sti.on,.sti:hover,.stli.on,.stli:hover{background:rgba(43,242,122,.08);color:var(--t)}
.sti i,.stli i{display:flex;gap:2px;font-style:normal}.sti i button,.stli i button{background:rgba(255,255,255,.06);border:0;color:var(--t);border-radius:8px;width:24px;height:24px;cursor:pointer}
.stl{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:6px}
.vs{font-size:12px}.vs.finished{color:var(--g)}
.ced{display:flex;gap:16px;flex-wrap:wrap}.cov{width:220px;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.05);display:grid;place-items:center;cursor:pointer;position:relative;color:var(--m)}
.cov img{width:100%;height:100%;object-fit:cover}.cov span{position:absolute;bottom:6px;left:6px;font-size:12px;padding:3px 8px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff}
.led{margin-top:14px}.tb{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.tb button{background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--t);border-radius:10px;padding:6px 10px;cursor:pointer}
.rich{min-height:180px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03);outline:0}.rich:focus{border-color:var(--g)}
.vup{margin:14px 0;padding:12px;border-radius:14px;border:1px dashed rgba(43,242,122,.35)}.vup input{display:block;margin:8px 0;padding:0;border:0;background:none;text-align:left}
@media(max-width:760px){.studio{grid-template-columns:1fr}.studio aside{position:static}}
/* animated neon shimmer border around the hero video */
@property --ang{syntax:"<angle>";initial-value:0deg;inherits:false}
.glow{position:relative;overflow:visible!important;isolation:isolate}
.glow::before{content:"";position:absolute;inset:-3px;border-radius:30px;z-index:-1;background:conic-gradient(from var(--ang),#0b9f48,#2bf27a,#d6ffe6,#2bf27a,#0b9f48 40%,#062b14 60%,#2bf27a 85%,#0b9f48);animation:spin 4s linear infinite;filter:drop-shadow(0 0 14px rgba(43,242,122,.7))}
.glow::after{content:"";position:absolute;inset:-3px;border-radius:30px;z-index:-2;background:inherit;box-shadow:0 0 60px rgba(43,242,122,.35),0 0 120px rgba(43,242,122,.15);animation:pulse 3s ease-in-out infinite}
.glow>video,.glow>.bgv{border-radius:24px}
.vid.glow video{border-radius:24px}
.stage.glow{overflow:visible!important}.stage.glow .bgv{border-radius:26px;inset:0;width:100%;height:100%}
@keyframes spin{to{--ang:360deg}}@keyframes pulse{50%{box-shadow:0 0 90px rgba(43,242,122,.5),0 0 160px rgba(43,242,122,.2)}}
/* ---- glossy bubble buttons ---- */
.pill{position:relative;overflow:hidden;padding:15px 28px;border-radius:999px;font-weight:700;letter-spacing:.01em;color:#02170b;
 background:linear-gradient(180deg,#8dffbe 0%,#3ef58a 38%,#16d466 62%,#0fb557 100%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -2px 6px rgba(0,80,30,.35),0 0 0 1px rgba(10,120,55,.55),0 6px 18px rgba(43,242,122,.35),0 0 40px rgba(43,242,122,.18);
 transition:transform .15s ease,box-shadow .2s ease,filter .2s}
.pill::before{content:"";position:absolute;left:8%;right:8%;top:2px;height:48%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.08));pointer-events:none}
.pill:hover{transform:translateY(-1px);filter:saturate(1.1) brightness(1.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -2px 6px rgba(0,80,30,.35),0 0 0 1px rgba(10,120,55,.6),0 10px 26px rgba(43,242,122,.45),0 0 60px rgba(43,242,122,.28)}
.pill:active{transform:translateY(1px) scale(.98);box-shadow:inset 0 2px 8px rgba(0,60,25,.45),0 0 0 1px rgba(10,120,55,.6),0 2px 8px rgba(43,242,122,.3)}
.pill.ghost{color:var(--t);background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.04));backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 0 0 1px rgba(255,255,255,.1),0 8px 24px rgba(0,0,0,.35)}
.pill.ghost::before{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0))}
.pill.ghost:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 0 1px rgba(43,242,122,.45),0 10px 28px rgba(0,0,0,.4),0 0 30px rgba(43,242,122,.15)}
.pill.sm{padding:10px 18px}
/* ---- header ---- */
header{background:rgba(3,6,4,.55);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);border-bottom:1px solid rgba(255,255,255,.06)}
nav>a:not(.pill){border-radius:999px;transition:background .2s,color .2s}
/* ---- layout ---- */
main{padding-top:36px}
.hero{padding:48px 0 18px}.hero p{font-size:clamp(17px,2.2vw,21px);margin:14px auto 28px}
.hero .row{gap:12px}
.card{border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.bento{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-auto-rows:minmax(140px,auto);gap:12px;margin-top:44px}
.bento .card{padding:22px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.bento .card.tall{grid-row:span 2;background:radial-gradient(120% 80% at 100% 0%,rgba(43,242,122,.22),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}
.bento .card.wide{grid-column:span 2}
.bento .card .num{font-size:44px;margin-bottom:6px}.bento .card.tall .num{font-size:72px}
.bento .card .ico{position:absolute;top:18px;right:18px;font-size:28px;opacity:.9}
@media(max-width:760px){.bento{grid-template-columns:1fr 1fr}.bento .card.tall{grid-column:span 2;grid-row:auto}.bento .card.wide{grid-column:span 2}}
.list a{border-radius:20px}
html,body{overflow-x:hidden}
@media(max-width:480px){nav{gap:2px}nav>a:not(.pill){padding:7px 7px;font-size:13px}nav>a[href="/competition"]{display:none}header .pill.sm{padding:9px 14px;font-size:13px}.wm{font-size:24px}}
/* videos never crop: letterbox inside the frame and in fullscreen */
.vid video,.player video,.vid.glow video{object-fit:contain;background:#000}
video:fullscreen,video:-webkit-full-screen{object-fit:contain!important;width:100%!important;height:100%!important;border-radius:0!important;background:#000}
video::backdrop{background:#000}
:fullscreen{background:#000}

/* tools section */
.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:1000px){.tools{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.tools{grid-template-columns:1fr}}
.tool .th{display:flex;align-items:center;gap:10px;margin-bottom:8px}.tool .th b{margin:0;font-size:18px}
.tlogo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:900;color:#021108;background:linear-gradient(180deg,#fff 0%,var(--c) 45%,color-mix(in srgb,var(--c) 70%,#000) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 6px 18px color-mix(in srgb,var(--c) 40%,transparent)}
.modal{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;padding:16px}
.mbox{width:min(980px,100%);background:#070b08;border:1px solid rgba(43,242,122,.25);border-radius:24px;padding:14px;position:relative}
.mbox .vid{aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000}.mbox video{width:100%;height:100%;object-fit:contain;background:#000}
.mx{position:absolute;top:-14px;right:-6px;width:36px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#0b120d;color:#fff;font-size:16px;cursor:pointer;z-index:2}

/* ===== premium spacing + type scale (v8) ===== */
main{max-width:1180px;padding:0 24px clamp(80px,10vw,140px)}
footer{max-width:1180px;padding:32px 24px 48px}
header{padding:16px max(24px,calc(50% - 566px))}
.hero{padding:clamp(64px,9vw,128px) 0 0;text-align:center}
.eyebrow{display:inline-block;padding:8px 18px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#bff7d4;background:rgba(43,242,122,.08);box-shadow:inset 0 0 0 1px rgba(43,242,122,.3)}
.hl{font:900 clamp(44px,8vw,88px)/1.02 "Inter Display",Inter,-apple-system,sans-serif;letter-spacing:-.035em;margin:28px auto 0;max-width:900px}
.hl em{font-style:normal;background:linear-gradient(180deg,#f0fff6,#9dffc2 25%,#2bf27a 60%,#0fb854);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(43,242,122,.35))}
.hero p{font-size:clamp(17px,1.8vw,21px);line-height:1.6;max-width:620px;margin:24px auto 0;color:var(--m)}
.hero .cta{gap:16px;margin:40px 0 0}
.pill.lg{padding:18px 34px;font-size:17px}
.hero .stage,.hero .vid{margin-top:clamp(56px,7vw,88px);max-width:1040px}
.bento{gap:24px;margin-top:clamp(80px,10vw,128px)}
.bento .card{padding:30px}
.sec-h{margin:clamp(72px,10vw,128px) 0 32px;align-items:flex-end}
.sec-h h2{font-size:clamp(26px,3.4vw,40px);letter-spacing:-.025em;line-height:1.1}
h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.02em;margin:clamp(56px,8vw,96px) 0 24px}
h1{font-size:clamp(32px,5vw,56px);letter-spacing:-.03em;line-height:1.08;margin:clamp(40px,6vw,72px) 0 16px}
.card{padding:28px}
.list a{padding:20px 24px;margin-bottom:12px}
.tools{gap:24px}.tool span{line-height:1.55}
.wheel{gap:20px}
.courses{gap:24px}
.grid3{gap:24px;margin-top:32px}
.prize{gap:20px;margin:28px 0}
.row.more{margin-top:40px}
.form{margin:clamp(48px,8vw,96px) auto}
@media(max-width:760px){main{padding:0 20px 80px}.hero{padding-top:56px}.hero .cta{flex-direction:column;align-items:stretch;max-width:340px;margin:36px auto 0}.bento{gap:16px;margin-top:72px}.bento .card{padding:22px}.sec-h{margin:72px 0 24px}.sec-h{flex-direction:column;align-items:flex-start;gap:6px}.tools{gap:16px}.card{padding:22px}h2{margin:64px 0 20px}}

/* ===== member profits: whole screenshots on equal dark tiles ===== */
.profits{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}
.pcard{all:unset;box-sizing:border-box;cursor:zoom-in;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--line);transition:transform .2s,border-color .2s,box-shadow .2s}
.pcard:hover,.pcard:focus-visible{transform:translateY(-3px);border-color:rgba(43,242,122,.5);box-shadow:0 14px 40px rgba(43,242,122,.12)}
.pimg{position:relative;aspect-ratio:4/5;background:radial-gradient(80% 60% at 50% 40%,#0d1a12,#04070a);padding:10px;overflow:hidden}
.pimg img{width:100%;height:100%;object-fit:contain;display:block}
.pimg .zoom{position:absolute;right:10px;top:10px;width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#fff;font-size:15px;opacity:0;transition:opacity .2s}
.pcard:hover .zoom{opacity:1}
.pt{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.pt .cap{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14.5px;line-height:1.45;color:#d6f3e1;min-height:2.9em;margin:0}
.pt small{color:var(--m);font-size:12.5px;margin-top:auto}
@media(max-width:560px){.profits{grid-template-columns:1fr 1fr;gap:12px}.pt{padding:12px}.pt .cap{font-size:13px}.pimg{padding:6px}}
.lbx{position:fixed;inset:0;z-index:80;background:#000;display:grid;place-items:center;touch-action:pinch-zoom}
.lbx img{width:100vw;height:100vh;height:100dvh;object-fit:contain;display:block;touch-action:pinch-zoom;user-select:none;-webkit-user-select:none}
.lbx-x{position:fixed;top:max(14px,env(safe-area-inset-top));right:14px;width:44px;height:44px;border-radius:999px;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:18px;cursor:pointer;backdrop-filter:blur(10px);z-index:2}
.lbx-n{position:fixed;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:999px;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:32px;line-height:1;cursor:pointer;backdrop-filter:blur(10px);z-index:2}
.lbx-p{left:16px}.lbx-f{right:16px}
.lbx-c{position:fixed;left:0;right:0;bottom:0;padding:40px 20px max(18px,env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(0,0,0,.85));text-align:center;pointer-events:none}
.lbx-c span{display:block;max-width:760px;margin:0 auto;font-size:15px;line-height:1.5;color:#eafff2}.lbx-c small{color:#9fbfaa;font-size:12.5px}
@media(max-width:760px){.lbx-n{display:none}}

/* ===== checkout sheet ===== */
.sheet-wrap{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,0);backdrop-filter:blur(0);display:flex;align-items:center;justify-content:center;padding:20px;transition:background .25s,backdrop-filter .25s}
.sheet-wrap.on{background:rgba(0,0,0,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.sheet{position:relative;width:min(520px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:linear-gradient(180deg,#0c1510,#060a07);border:1px solid rgba(43,242,122,.28);border-radius:28px;padding:30px;box-shadow:0 40px 120px rgba(0,0,0,.7),0 0 80px rgba(43,242,122,.12);transform:translateY(24px) scale(.98);opacity:0;transition:transform .25s ease,opacity .25s}
.sheet-wrap.on .sheet{transform:none;opacity:1}
.sheet .grab{display:none}.sheet .sx{top:16px;right:16px}
.plan{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px;border-radius:22px;background:radial-gradient(120% 120% at 100% 0,rgba(43,242,122,.22),transparent 60%),rgba(255,255,255,.03);border:1px solid rgba(43,242,122,.35);margin-top:8px}
.plan .wm.sm{font-size:24px;display:block;margin-bottom:6px}.plan b{display:block;font-size:17px}.plan small{color:var(--m);font-size:13px}
.pl-r{text-align:right;flex:0 0 auto}.pl-r .price{font:900 46px/1 "Inter Display",Inter,sans-serif;letter-spacing:-.03em;color:#fff}.pl-r s{color:#6f8a79}.pl-r small b{display:inline;color:var(--g);font-size:13px}
.tagx{display:inline-block;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;background:rgba(255,140,40,.16);color:#ffb366;margin-bottom:6px}
.sh{font-size:18px;margin:28px 0 14px}.small{font-size:14px;margin:-6px 0 14px}
.opts{display:flex;flex-direction:column;gap:14px}
.opt{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.35);transition:transform .15s,box-shadow .2s}
.opt:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(43,242,122,.55),0 14px 36px rgba(43,242,122,.14)}
.opt.busy{opacity:.6;pointer-events:none}
.oi{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;flex:0 0 52px;font-weight:900;font-size:24px}
.card-i{color:#021108;background:linear-gradient(180deg,#b8ffd6,#2bf27a 55%,#0fb557);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.usdc-i{color:#fff;background:linear-gradient(180deg,#5aa2ff,#2775ca 60%,#1a4f8a);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.ot{flex:1;min-width:0}.ot b{display:block;font-size:17px}.ot small{color:var(--m);font-size:13px}.oa{font-size:26px;color:var(--m)}
.trust{color:var(--m);font-size:13px;margin:20px 0 0;line-height:1.5}
.pill.wide{width:100%}
.sheet input{margin:4px 0 12px}
.wait-pay{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:36px 0 8px}
.spin{width:22px;height:22px;border-radius:50%;border:3px solid rgba(43,242,122,.25);border-top-color:var(--g);animation:sp 0.8s linear infinite;flex:0 0 22px}
@keyframes sp{to{transform:rotate(360deg)}}
.back-b{all:unset;cursor:pointer;color:var(--m);font-size:14px;margin:18px 0 6px;display:inline-block}
.usdc{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;margin-top:8px}
.qrw{background:#fff;border-radius:18px;padding:12px;text-align:center}.qrw small{display:block;color:#355;font-size:11px;margin-top:6px}
#sqr img,#sqr canvas{width:150px!important;height:150px!important}
.lbl{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8fbfa0;margin-bottom:6px}
.amt-x{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--m);flex-wrap:wrap}.amt-x b{font:900 30px/1 "Inter Display",Inter,sans-serif;color:#fff}
.addr-x{display:flex;align-items:center;gap:8px;background:#030604;border:1px solid #163a22;border-radius:12px;padding:10px}.addr-x code{flex:1;min-width:0;word-break:break-all;font-size:12px}
.cpy{border:0;cursor:pointer;font-weight:700;font-size:12px;padding:7px 12px;border-radius:999px;background:rgba(43,242,122,.14);color:var(--g);white-space:nowrap}
.live{display:flex;align-items:center;gap:12px;margin-top:20px;padding:14px 16px;border-radius:16px;background:rgba(43,242,122,.06);border:1px solid rgba(43,242,122,.22);font-weight:600;font-size:14px}
.live.ok .spin{animation:none;border-color:var(--g);background:var(--g)}
@media(max-width:600px){.sheet-wrap{align-items:flex-end;padding:0}.sheet{width:100%;border-radius:28px 28px 0 0;padding:14px 20px max(24px,env(safe-area-inset-bottom));max-height:92dvh;transform:translateY(100%)}.sheet .grab{display:block;width:44px;height:5px;border-radius:9px;background:rgba(255,255,255,.2);margin:0 auto 14px}
.usdc{grid-template-columns:1fr}.qrw{justify-self:center}.pl-r .price{font-size:38px}.plan{padding:18px}}