:root{--bg:#fff;--fg:#14213d;--muted:#51607a;--accent:#1f3a5f;--card:#f3f6fb}
@media (prefers-color-scheme:dark){:root{--bg:#0e1626;--fg:#eaf0fb;--muted:#a9b6cc;--accent:#8fb3e6;--card:#16233a}}
body{margin:0;background:var(--bg);color:var(--fg);font:18px/1.6 -apple-system,system-ui,"Segoe UI",Roboto,sans-serif}
main{max-width:760px;margin:0 auto;padding:32px 20px 64px}
h1{font-size:2rem;line-height:1.2}h2{margin-top:2rem}a{color:var(--accent)}
.card{background:var(--card);border-radius:14px;padding:16px 20px;margin:16px 0}
nav a{margin-right:18px;font-weight:600}.muted{color:var(--muted)}