:root { --fundo:#f4f4f8; --texto:#14142b; --suave:#5c5c75; --link:#5b5bf0; --cartao:#fff; }
@media (prefers-color-scheme: dark) { :root { --fundo:#0b0b10; --texto:#f2f2f7; --suave:#a0a0b5; --link:#8fa2ff; --cartao:#12121a; } }
* { box-sizing: border-box; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif; background:var(--fundo); color:var(--texto); line-height:1.6; }
main { max-width:720px; margin:0 auto; padding:48px 20px 80px; }
h1 { font-size:2.2rem; letter-spacing:-0.02em; margin:0 0 8px; }
h2 { margin-top:36px; }
p, li { color:var(--texto); }
.suave { color:var(--suave); }
a { color:var(--link); }
.cartao { background:var(--cartao); border-radius:20px; padding:20px 24px; margin:20px 0; }
nav a { margin-right:16px; }