:root{--bg:#070b12;--bg-deep:#04070c;--panel:#0d1522;--panel-hi:#132033;--panel-edge:#6cc6ff29;--line:#eaf4ff1a;--ink:#eef2f6;--ink-soft:#eef2f6bd;--ink-dim:#eef2f680;--ink-faint:#eef2f647;--accent:#6cc6ff;--accent-lip:#2e8fcc;--accent-ink:#04121f;--right:#58cc8a;--right-lip:#2f9b60;--right-ink:#03140a;--right-bg:#58cc8a24;--wrong:#ff6b5e;--wrong-lip:#c2443a;--wrong-ink:#1e0503;--wrong-bg:#ff6b5e24;--gold:#ffc94a;--gold-lip:#c9921a;--gold-ink:#2a1a00;--flame:#ff9a3d;--flame-hot:#ff5e3a;--premium:#b79cff;--premium-lip:#7c62c9;--premium-ink:#120a26;--locked:#1a2433;--locked-ink:#eef2f652;--u0:#6cc6ff;--u1:#e7b36a;--u2:#e07a6a;--u3:#5fd1b3;--u4:#b79cff;--u5:#f2c14e;--u6:#8fa7c6;--u7:#7fd6ff;--ground:var(--bg);--ground-deep:var(--bg-deep);--surface:var(--panel);--surface-2:var(--panel-hi);--hairline:var(--line);--slate:var(--ink-soft);--muted:var(--ink-dim);--accent-soft:#6cc6ff1f;--lip:4px;--radius:20px;--page:min(1180px, 100vw - 32px);--tabbar:72px;--topbar:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{--font-ui:var(--font-dm), ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:var(--font-ui);--font-mono:var(--font-ui)}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;padding:0}body{background:0 0;min-height:100dvh;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}img{max-width:100%}h1,h2,h3{margin:0;font-weight:800}p{margin:0}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}::selection{background:#6cc6ff59}.page{width:var(--page);padding:32px 0 calc(var(--tabbar) + 48px + env(safe-area-inset-bottom));margin:0 auto}@media (min-width:860px){.page{padding:calc(var(--topbar) + 48px) 0 96px}}.kicker{font-family:var(--font-ui);letter-spacing:1.4px;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:800}.title{letter-spacing:-.025em;margin-top:10px;font-size:clamp(34px,6vw,54px);font-weight:800;line-height:1.04}.lede{max-width:580px;color:var(--ink-soft);margin-top:14px;font-size:17px;line-height:1.55}.card{background:var(--panel);border:1.5px solid var(--line);border-radius:var(--radius)}.btn{--fill:var(--accent);--lipc:var(--accent-lip);--btn-ink:var(--accent-ink);background:var(--fill);min-height:52px;color:var(--btn-ink);font-family:var(--font-ui);letter-spacing:.7px;text-transform:uppercase;box-shadow:0 var(--lip) 0 var(--lipc);-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:800;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex;position:relative;transform:translateY(0)}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(calc(var(--lip) - 1px));box-shadow:0 1px 0 var(--lipc)}.btn:disabled,.btn[aria-disabled=true]{--fill:var(--locked);--lipc:var(--locked);--btn-ink:var(--locked-ink);cursor:default;filter:none;transform:none}.btn--right{--fill:var(--right);--lipc:var(--right-lip);--btn-ink:var(--right-ink)}.btn--wrong{--fill:var(--wrong);--lipc:var(--wrong-lip);--btn-ink:var(--wrong-ink)}.btn--gold{--fill:var(--gold);--lipc:var(--gold-lip);--btn-ink:var(--gold-ink)}.btn--premium{--fill:var(--premium);--lipc:var(--premium-lip);--btn-ink:var(--premium-ink)}.btn--ghost{--fill:var(--panel);--lipc:#060a10;--btn-ink:var(--ink);border:1.5px solid var(--panel-edge)}.btn--sm{border-radius:13px;min-height:40px;padding:0 16px;font-size:13px}.btn--block{width:100%;display:flex}.pill{letter-spacing:1px;text-transform:uppercase;background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:11.5px;font-weight:800;display:inline-flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes atlas-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes atlas-pop{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
