:root{--bg:#fdf8ef;--fg:#1d2a3a;--acc:#1ec8c8;--hot:#f2683c;--muted:#5d6b7a}
@media (prefers-color-scheme:dark){:root{--bg:#121a24;--fg:#eef3f7;--muted:#9aa8b6}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 -apple-system,system-ui,sans-serif}
main{max-width:720px;margin:0 auto;padding:32px 16px 64px}h1{font-size:2rem;margin:.2em 0}h2{margin-top:1.8em;font-size:1.2rem;color:var(--hot)}
a{color:var(--acc)}.logo{font-size:3rem}.muted{color:var(--muted);font-size:.9rem}nav a{margin-right:16px;font-weight:600}
.card{border:1px solid color-mix(in srgb,var(--fg) 15%,transparent);border-radius:16px;padding:16px 20px;margin:16px 0}