:root { --bg:#0a0a0f; --card:#12121a; --line:#23233a; --text:#e6e6f0; --muted:#9a9ab0; --accent:#00ff9d; --hot:#ff2e63; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.65 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.wrap { max-width:820px; margin:0 auto; padding:28px 16px 60px; }
.logo { display:inline-block; font:900 18px/1 Orbitron,"Arial Black",sans-serif; letter-spacing:.12em; color:var(--text); text-decoration:none; margin-bottom:28px; }
.logo .a, .accent { color:var(--accent); }
h1 { font:900 clamp(28px,6vw,44px)/1.15 Orbitron,"Arial Black",sans-serif; letter-spacing:.03em; margin:0 0 10px; }
h2 { font-size:20px; margin:28px 0 8px; }
.card h2:first-child { margin-top:0; }
h3 { font-size:17px; margin:20px 0 6px; }
.sub, .muted { color:var(--muted); }
.sub { font-size:14px; margin:0 0 24px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:22px; margin:18px 0; }
a { color:var(--accent); }
code { font:13px "JetBrains Mono",monospace; background:#1b1b28; padding:1px 5px; border-radius:4px; }
ul { padding-left:20px; }
li { margin:4px 0; }
.lead { font-size:19px; color:var(--text); margin:0 0 22px; }
.btn { display:inline-block; background:var(--accent); color:#04120b; font-weight:700; text-decoration:none; padding:12px 20px; border-radius:10px; margin:6px 8px 6px 0; }
.btn.ghost { background:transparent; color:var(--text); border:1px solid var(--line); }
.modes { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; padding:0; list-style:none; }
.modes li { background:#0f0f17; border:1px solid var(--line); border-radius:12px; padding:14px; margin:0; }
.modes b { display:block; font-family:Orbitron,sans-serif; letter-spacing:.06em; color:var(--accent); margin-bottom:4px; font-size:14px; }
.foot { color:var(--muted); font-size:14px; margin-top:30px; }
.foot a { color:var(--muted); }