:root { --bg:#fff; --fg:#16181d; --sub:#555a63; --accent:#cc0000; --line:#e4e4e0; color-scheme: light dark; }
@media (prefers-color-scheme: dark) { :root { --bg:#15161a; --fg:#eceae4; --sub:#a9abb2; --accent:#ff5a4f; --line:#2b2c33; } }
body { margin:0; background:var(--bg); color:var(--fg); font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; }
main { max-width:680px; margin:0 auto; padding:48px 20px; }
h1 { font-size:32px; line-height:1.2; margin:0 0 8px; } h2 { font-size:20px; margin:32px 0 8px; }
.kicker { color:var(--accent); font-weight:700; font-size:13px; letter-spacing:.1em; text-transform:uppercase; }
.sub { color:var(--sub); } a { color:inherit; } footer { margin-top:48px; padding-top:16px; border-top:1px solid var(--line); color:var(--sub); font-size:15px; }