:root { --bg: #fff; --text: #111; --muted: #555; --line: #e5e5e5; }
@media (prefers-color-scheme: dark) { :root { --bg: #111; --text: #f5f5f5; --muted: #aaa; --line: #333; } }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; background: var(--bg); color: var(--text); font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", "DejaVu Sans", sans-serif; }
main { flex: 1; width: 100%; max-width: 640px; margin: 0 auto; padding: 96px 24px; }
.brand { font-weight: 700; margin: 0 0 48px; }
.brand a { color: inherit; text-decoration: none; }
h1 { font-size: clamp(32px, 7vw, 48px); line-height: 1.1; margin: 0 0 20px; letter-spacing: -.02em; }
p { margin: 0 0 16px; }
.muted { color: var(--muted); }
footer { width: 100%; max-width: 640px; margin: 0 auto; padding: 24px; border-top: 1px solid var(--line); font-size: 14px; color: var(--muted); }
footer a { color: inherit; }