:root{--bg:#0a0a0b;--panel:#141416;--panel-2:#1c1c1f;--line:#2a2a2e;--text:#f5f5f5;--muted:#a3a3a8;--accent:#ff1a2e;--accent-soft:#ff5a68;--accent-ink:#ffffff;--win:#0063b1;--ok:#9fe0a6;color-scheme:dark}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{font-family:"Segoe UI",system-ui,-apple-system,sans-serif;background:radial-gradient(1100px 560px at 85% -10%,#3a0910 0%,transparent 60%),var(--bg);color:var(--text);min-height:100vh;line-height:1.6}
a{color:var(--accent-soft)}main{max-width:980px;margin:0 auto;padding:40px 16px 64px}
.top{display:flex;align-items:center;gap:10px;margin-bottom:56px}.top img{width:46px;height:46px}.top strong{font-size:26px;font-weight:800;letter-spacing:-.8px}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2.4px;color:var(--accent-soft);font-weight:700;text-transform:uppercase}
h1{font-size:clamp(34px,6vw,58px);line-height:1.08;letter-spacing:-2px;margin:14px 0 18px}h1 span{color:var(--accent)}.lead{color:var(--muted);font-size:17px;max-width:460px}
.cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:28px 0 8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;border-radius:12px;font-weight:650;font-size:16px;text-decoration:none;border:0;cursor:pointer;font-family:inherit}
.button.primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 30px #ff1a2e33}.button.primary:hover{filter:brightness(1.08)}.button.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--line)}
.button[aria-disabled=true]{opacity:.55;cursor:not-allowed}.small{font-size:13px;color:var(--muted)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px}
.mascot{display:grid;place-items:center;aspect-ratio:1;margin:0 auto;width:100%;background:radial-gradient(circle at 50% 42%,#2a0a0e,#121214 72%);border-radius:28px;border:1px solid var(--line)}.mascot img{width:62%;filter:drop-shadow(0 18px 40px #ff1a2e40)}
section{margin-top:64px}h2{font-size:26px;letter-spacing:-.6px;margin:0 0 8px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.step b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--panel-2);color:var(--accent-soft);margin-bottom:12px}.step p{margin:6px 0 0;color:var(--muted);font-size:14px}
.smartscreen{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.win-dialog{background:var(--win);color:#fff;border-radius:6px;padding:26px 26px 18px;font-family:"Segoe UI",sans-serif;box-shadow:0 20px 60px #0008;max-width:440px}.win-dialog h3{font-weight:300;font-size:24px;margin:0 0 14px}.win-dialog p{font-size:13px;margin:0 0 10px;opacity:.95}.win-dialog .more{color:#fff;text-decoration:underline;font-size:13px;outline:3px solid #ffd54a;outline-offset:3px;border-radius:2px}
.win-dialog .row{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.win-dialog .row span{border:2px solid #fff;padding:5px 18px;font-size:13px}.win-dialog .row .run{outline:3px solid #ffd54a;outline-offset:3px}
ol.how{padding-left:20px;margin:12px 0 0}ol.how li{margin:8px 0}
.invite-card{max-width:560px;margin:0 auto;text-align:center}.invite-card .mascot{width:120px;margin:0 auto 18px;border-radius:24px}.invite-card h1{font-size:clamp(28px,5vw,40px)}
.code{font-family:Consolas,monospace;font-size:13px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px 10px;word-break:break-all;display:block;margin:10px 0}
.notice{background:#283b25;border:1px solid #405c36;color:#d7eabf;border-radius:10px;padding:12px 14px;font-size:14px}.warn{background:#3a2a1e;border-color:#6b4a2c;color:#f2d8b0}
footer{margin-top:72px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}
@media(max-width:760px){.hero,.smartscreen{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.mascot{max-width:260px}.top{margin-bottom:32px}}