:root { color-scheme: light dark; background: #f8fafc; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: #f8fafc; color: #18212d; font-family: "Geist Sans", Inter, ui-sans-serif, system-ui, sans-serif; }
#root { min-height: 100vh; }
#root > main { width: min(1280px, 100%); margin: 0 auto; padding: 28px 24px 72px; }
h1 { font-size: clamp(2rem, 5vw, 3rem); line-height: 1.08; letter-spacing: -.035em; }
p, li { line-height: 1.65; color: #526071; }
a { color: #155eef; }
@media (prefers-color-scheme: dark) { :root, body { background: #111827; color: #edf1f7; } p, li { color: #b7c5d8; } }
.dark, .dark body { color-scheme: dark; background: #111827; color: #edf1f7; }
.dark p, .dark li { color: #b7c5d8; }