:root { --bg: #f4f7fb; --panel: #ffffff; --ink: #0f2138; --muted: #4f5d73; --brand: #0a6bd8; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root { --bg: #0d1626; --panel: #142036; --ink: #e6edf8; --muted: #9fb0c8; --brand: #5aa2ff; color-scheme: dark; } }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: var(--bg); color: var(--ink); font: 16px/1.55 "Segoe UI", system-ui, sans-serif; }
main { max-width: 34rem; margin: 24px; padding: 32px 36px; background: var(--panel); border-radius: 16px; box-shadow: 0 12px 32px rgba(4, 26, 54, 0.12); }
h1 { margin: 0 0 12px; font-size: 1.8rem; }
p { margin: 0 0 10px; }
.muted { color: var(--muted); font-size: 0.92rem; }
a { color: var(--brand); }