:root { --fg:#1a1d1f; --muted:#5a6168; --bg:#fff; --surf:#f4f6f8; --accent:#2dbf8f; --line:#e4e7eb; }
@media (prefers-color-scheme: dark) { :root { --fg:#e8ebef; --muted:#8a929a; --bg:#0f1113; --surf:#1a1d20; --accent:#34d499; --line:#22262a; } }
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",system-ui,sans-serif;background:var(--bg);color:var(--fg);line-height:1.65;-webkit-font-smoothing:antialiased}
main{max-width:720px;margin:0 auto;padding:56px 24px 96px}
h1{font-size:34px;font-weight:700;margin:0 0 8px;letter-spacing:-0.02em}
h2{font-size:19px;font-weight:600;margin:36px 0 12px;letter-spacing:-0.01em}
p,li{color:var(--fg)}
ul{padding-left:20px}
li{margin-bottom:6px}
.muted{color:var(--muted);font-size:14px}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.brand{font-size:17px;font-weight:600;margin-bottom:28px;letter-spacing:-0.01em}
.brand a{color:var(--fg)}
.footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.footer a{color:var(--muted)}