:root { color-scheme: dark light; font-family: Inter, system-ui, sans-serif; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; color: #eef2f6; background: #0d1117; }
main { width: min(720px, calc(100% - 32px)); padding: 32px; border: 1px solid #374151; border-radius: 10px; background: #151b23; }
main > p:first-child { color: #f2c94c; font-weight: 800; letter-spacing: .08em; }
h1 { font-size: clamp(24px, 5vw, 40px); }
p { line-height: 1.6; color: #b3bdc7; }
@media (prefers-color-scheme: light) { body { color: #1a2129; background: #f2f4f7; } main { border-color: #cbd2da; background: #fff; } p { color: #5f6b77; } }