:root{color-scheme:light dark;--bg:#f7f8fb;--card:#fff;--text:#1b1f24;--muted:#5d6670;--accent:#3f51b5;--border:#e5e7eb}
@media(prefers-color-scheme:dark){:root{--bg:#101217;--card:#171a21;--text:#f5f7fa;--muted:#a8b0ba;--accent:#9aa7ff;--border:#2a2f39}}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
main{max-width:820px;margin:0 auto;padding:48px 20px 72px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 8px 28px rgba(0,0,0,.06)}
h1{margin-top:0;font-size:2rem}h2{margin-top:2rem;font-size:1.25rem}.muted{color:var(--muted)}a{color:var(--accent)}
nav{display:flex;gap:16px;margin-top:24px;flex-wrap:wrap}.button{display:inline-block;padding:10px 16px;border-radius:10px;background:var(--accent);color:white;text-decoration:none;font-weight:600}
footer{margin-top:28px;color:var(--muted);font-size:.92rem}