:root { --ink: #1c2530; --muted: #5b6673; --line: #dfe3e8; --bg: #fff; --accent: #082d4a; --red: #e01e26; color-scheme: light dark }
@media (prefers-color-scheme: dark) { :root { --ink: #e6e9ed; --muted: #9aa5b1; --line: #2c3540; --bg: #11161c; --accent: #8cc4f0 } }
body { font: 17px/1.65 system-ui, sans-serif; margin: 0 auto; max-width: 40rem; padding: 0 1rem 3rem; color: var(--ink); background: var(--bg) }
header { display: flex; align-items: center; gap: .75rem; padding: 1.5rem 0 1rem; border-bottom: 1px solid var(--line); margin-bottom: 2rem }
.brand { font-weight: 700; font-size: 1.25rem; letter-spacing: -.01em }
h1 { font-size: 2rem; line-height: 1.2; margin: 0 0 .5rem } h2 { font-size: 1.2rem; margin-top: 2.5rem }
.lede { font-size: 1.15rem; color: var(--muted) }
a { color: var(--accent) }
.button { display: inline-block; background: var(--red); color: #fff; text-decoration: none; font-weight: 600; padding: .7rem 1.2rem; border-radius: .5rem }
.button:hover { filter: brightness(1.08) }
.en { border-top: 1px solid var(--line); margin-top: 2.5rem; color: var(--muted) }
footer { border-top: 1px solid var(--line); margin-top: 3rem; padding-top: 1rem; color: var(--muted); font-size: .85rem }
footer p { margin: .5rem 0 }