:root{--bg: #07090d;--bg-1: #0b0e14;--bg-2: #10141c;--line: #1c2230;--line-bright: #2a3346;--ink: #e7ebf2;--ink-dim: #8a93a6;--ink-faint: #59607239;--blue: #1e5aff;--blue-bright: #4d82ff;--cyan: #17b3c9;--primary: #1e5aff;--danger: #ff5a5a;--ok: #33d17a;--radius: 4px;--pad: 16px;--font-display: "Unbounded", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;opacity:.15;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 75%);mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 75%)}.app{position:relative;max-width:620px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.hdr{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:14px var(--pad);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.hdr__back{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-bright);background:var(--bg-1);color:var(--ink);width:34px;height:34px;border-radius:var(--radius);font-size:16px;cursor:pointer;display:grid;place-items:center;flex:none}.hdr__back:active{background:var(--bg-2)}.hdr__title{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.screen{flex:1;padding:var(--pad);padding-bottom:40px;animation:fade .18s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue-bright)}.h1{font-family:var(--font-display);font-weight:800;font-size:30px;line-height:1.05;letter-spacing:-.01em;margin:8px 0 6px}.h2{font-family:var(--font-display);font-weight:600;font-size:19px;margin:0 0 4px}.lead{color:var(--ink-dim);font-size:14px;white-space:pre-line}.brand{text-align:center;padding:34px 0 26px}.brand__mark{width:64px;height:64px;margin:0 auto 16px;display:block;object-fit:contain;border-radius:14px;filter:drop-shadow(0 0 44px color-mix(in srgb,var(--blue) 45%,transparent))}.brand__name{font-family:var(--font-display);font-weight:800;font-size:34px;letter-spacing:.02em}.brand__name b{color:var(--blue-bright)}.brand__sub{margin-top:6px;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--ink-dim);text-transform:uppercase}.stack{display:flex;flex-direction:column;gap:10px;margin-top:18px}.card{--a: var(--blue);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;text-align:left;border:1px solid var(--line);border-left:2px solid var(--a);background:var(--bg-1);color:var(--ink);border-radius:var(--radius);padding:15px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .12s,border-color .12s}.card:active{background:var(--bg-2);border-color:var(--line-bright)}.card__body{flex:1;min-width:0}.card__kicker{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--a)}.card__title{font-family:var(--font-display);font-weight:600;font-size:16px;margin:3px 0 2px}.card__desc{font-size:13px;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__arrow{font-family:var(--font-mono);color:var(--ink-dim);flex:none}.card--cyan{--a: var(--cyan)}.card--primary{--a: var(--primary)}.card--gold,.card--legion{position:relative;overflow:hidden;border-width:1px;border-left-width:1px;padding:18px 16px;border-radius:8px}.card--gold:active,.card--legion:active{filter:brightness(1.08)}.card--gold{--a: #ffcf5c;border-color:color-mix(in srgb,#ffcf5c 62%,transparent);background:radial-gradient(120% 140% at 0% 0%,rgba(255,207,92,.28),transparent 55%),linear-gradient(135deg,#241d10,#171310 60%);box-shadow:0 0 46px -10px #ffc8508c,inset 0 0 0 1px #ffe0a038,inset 0 1px #ffecbe59}.card--gold .card__kicker{color:#ffdb8a}.card--gold .card__title{background:linear-gradient(92deg,#fff4d6,#ffc94a 55%,#ffe6a8);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(255,200,80,.35)}.card--gold .card__desc{color:color-mix(in srgb,#ffdb8a 60%,var(--ink-dim))}.card--gold .card__arrow{color:#ffcf5c}.card--legion{--a: #b98bff;border-color:color-mix(in srgb,#a855f7 62%,transparent);background:radial-gradient(120% 140% at 0% 0%,rgba(168,85,247,.35),transparent 55%),linear-gradient(135deg,#201436,#15101f 60%);box-shadow:0 0 46px -10px #965af699,inset 0 0 0 1px #c4a8ff33,inset 0 1px #d2bcff52}.card--legion .card__kicker{color:#cbb0ff}.card--legion .card__title{background:linear-gradient(92deg,#f1e8ff,#b98bff 55%,#e2d3ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(150,90,246,.4)}.card--legion .card__desc{color:color-mix(in srgb,#cbb0ff 55%,var(--ink-dim))}.card--legion .card__arrow{color:#b98bff}.card--gold:after,.card--legion:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 34%,rgba(255,255,255,.28) 50%,transparent 66%);transform:translate(-130%);animation:sheen 6s ease-in-out infinite;pointer-events:none}.card--legion:after{animation-delay:3s}@keyframes sheen{0%,72%{transform:translate(-130%)}to{transform:translate(130%)}}@media (prefers-reduced-motion: reduce){.card--gold:after,.card--legion:after{animation:none;opacity:0}}.kicker--legion{color:#b18cff}.tiers{margin-top:24px}.tiers__title{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:10px}.tier{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;margin-bottom:10px;border:1px solid color-mix(in srgb,#a855f7 32%,var(--line));border-radius:var(--radius);background:linear-gradient(150deg,rgba(123,63,242,.12) 0%,var(--bg-1) 65%);color:var(--ink);cursor:pointer;transition:border-color .12s,filter .1s}.tier:active{filter:brightness(1.1);border-color:#a855f7}.tier__main{display:flex;align-items:center;gap:8px}.tier__label{font-family:var(--font-display);font-weight:600;font-size:15px}.tier__note{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#d9c8ff;border:1px solid color-mix(in srgb,#a855f7 50%,transparent);border-radius:3px;padding:2px 5px}.tier__price{font-family:var(--font-display);font-weight:700;font-size:15px;color:#fff;flex:none}.tiers__foot{margin-top:12px;font-size:12px;color:var(--ink-dim);text-align:center}.btn--legion{margin-top:14px;border:0;color:#fff;background:linear-gradient(100deg,#7c3aed,#a855f7 55%,#7c3aed);box-shadow:0 0 34px -10px #965af6b3}.btn--legion:active{filter:brightness(1.1)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:1px solid var(--blue);background:var(--blue);color:#fff;font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:.005em;padding:15px 16px;border-radius:var(--radius);cursor:pointer}.btn:active{background:var(--blue-bright)}.btn[disabled]{opacity:.45;cursor:default}.btn--ghost{background:var(--bg-1);color:var(--ink);border-color:var(--line-bright)}.btn--ghost:active{background:var(--bg-2)}.btn-row{display:flex;flex-direction:column;gap:10px;margin-top:22px}.gate{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--pad);gap:6px}.gate .brand__mark{margin-bottom:22px}.gate__title{font-family:var(--font-display);font-weight:800;font-size:26px}.gate__text{color:var(--ink-dim);font-size:14px;max-width:30ch}.gate__channel{font-family:var(--font-mono);color:var(--blue-bright);font-size:14px;margin-top:2px}.gate__fail{color:var(--danger);font-size:12px;font-family:var(--font-mono);margin-top:8px;max-width:32ch}.gate .btn-row{width:100%;max-width:340px;margin-top:26px}.loader{min-height:100dvh;display:grid;place-items:center}.loader span{font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:.3}}.mv__frame{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#000;aspect-ratio:16 / 9;margin-bottom:14px}.mv__frame iframe,.mv__frame video{width:100%;height:100%;border:0;display:block;background:#000;object-fit:contain}.mv__ext{border:1px dashed var(--line-bright);border-radius:var(--radius);padding:22px 16px;text-align:center;color:var(--ink-dim);font-size:13px;margin-bottom:14px}.mv__desc{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line);color:var(--ink-dim);font-size:13px;line-height:1.6;white-space:pre-line}.mv__soon{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:30px 18px;border:1px solid var(--line);border-radius:var(--radius);background:repeating-linear-gradient(-45deg,var(--bg-1),var(--bg-1) 10px,var(--bg-2) 10px,var(--bg-2) 20px);margin-bottom:14px}.mv__soon b{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--ink)}.mv__soon span{font-size:12px;color:var(--ink-dim);max-width:32ch}.mv__soon-mark{color:var(--cyan);font-size:10px;animation:blink 1.4s steps(1) infinite}.perks{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.perks li{background:var(--bg-1);padding:12px 14px;font-size:13px;display:flex;gap:10px}.perks li:before{content:"✓";font-size:12px;color:var(--cyan);flex:none;margin-top:1px}.field{margin-top:16px}.field__label{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);display:block;margin-bottom:7px}.input,.textarea{width:100%;background:var(--bg-1);border:1px solid var(--line-bright);border-radius:var(--radius);color:var(--ink);font-family:var(--font-body);font-size:15px;padding:12px;outline:none}.input:focus,.textarea:focus{border-color:var(--blue)}.textarea{min-height:92px;resize:vertical}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-bright);background:var(--bg-1);color:var(--ink-dim);font-family:var(--font-mono);font-size:12px;padding:8px 12px;border-radius:var(--radius);cursor:pointer}.chip[aria-pressed=true]{border-color:var(--blue);color:#fff;background:color-mix(in srgb,var(--blue) 18%,var(--bg-1))}.success{min-height:82dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px 18px 40px;gap:4px}.success__emoji{margin-bottom:16px}.burst{filter:drop-shadow(0 0 24px rgba(255,200,80,.55));animation:burst-in .5s cubic-bezier(.2,1.4,.4,1)}@keyframes burst-in{0%{transform:scale(.4) rotate(-25deg);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.burst{animation:none}}.success__title{font-family:var(--font-display);font-weight:800;font-size:27px;line-height:1.1;background:linear-gradient(92deg,#fff4d6,#ffc94a 55%,#ffe6a8);-webkit-background-clip:text;background-clip:text;color:transparent}.success__text{color:var(--ink-dim);font-size:14px;max-width:30ch;margin:8px 0 0}.success .btn-row{width:100%;max-width:340px;margin-top:26px}.btn--gold{border:0;color:#241a06;font-weight:700;background:linear-gradient(100deg,#ffdf8f,#ffc73f 55%,#ffe3a0);box-shadow:0 0 32px -8px #ffc850bf}.btn--gold:active{filter:brightness(1.06)}.kicker--gold{color:#ffcf5c}.h1--gold{background:linear-gradient(92deg,#fff4d6,#ffc94a 55%,#ffe6a8);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 22px rgba(255,200,80,.3)}.perks--gold{border-color:color-mix(in srgb,#ffcf5c 38%,var(--line));box-shadow:0 0 34px -14px #ffc85080}.perks--gold li{background:linear-gradient(160deg,rgba(255,207,92,.1) 0%,var(--bg-1) 72%)}.perks--gold li:before{content:"✓";color:#ffcf5c}.footnote{margin-top:28px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--ink-dim);text-transform:uppercase;text-align:center;opacity:.6}.dev-badge{position:fixed;bottom:8px;left:8px;z-index:100;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--danger);border:1px solid var(--danger);padding:2px 6px;border-radius:3px;background:var(--bg);opacity:.7}