:root { color-scheme: light dark; font-family: system-ui, sans-serif; color: #172c44; background: #f3f6fa; }
body { margin: 0; min-height: 100svh; display: grid; place-items: center; }
main { box-sizing: border-box; width: min(100%, 36rem); padding: 3rem 1.5rem; }
.brand { font-size: 1.15rem; font-weight: 700; letter-spacing: .03em; }
h1 { font-size: clamp(1.8rem, 6vw, 2.4rem); line-height: 1.2; margin-top: 2rem; }
p { line-height: 1.65; }
a { color: #145ba1; text-underline-offset: .2em; }
a:focus-visible { outline: 3px solid currentColor; outline-offset: 5px; }
@media (prefers-color-scheme: dark) { :root { color: #e4edf7; background: #101d2d; } a { color: #9bceff; } }