:root{--bg:#f6f7fb;--fg:#121c33;--card:#fff;--accent:#c98a14}
@media(prefers-color-scheme:dark){:root{--bg:#121c33;--fg:#eef1f8;--card:#1c2a4a;--accent:#f5b041}}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6}
main{max-width:720px;margin:0 auto;padding:32px 20px}
.card{background:var(--card);border-radius:14px;padding:24px;margin-top:20px}
h1{margin:0 0 4px}h2{margin-top:24px}
a{color:var(--accent)}
footer{max-width:720px;margin:0 auto;padding:20px;font-size:.9rem;opacity:.8}