:root { color-scheme: light dark; font-family: Inter, system-ui, sans-serif; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #f5f7fb; color: #182033; }
main { width: min(42rem, calc(100% - 3rem)); padding: 3.5rem; border-radius: 1.25rem; background: #fff; box-shadow: 0 1rem 3rem #18203316; }
h1 { margin: .25rem 0 1rem; font-size: clamp(2rem, 7vw, 3.5rem); letter-spacing: -.04em; }
p { line-height: 1.65; }
.eyebrow { margin: 0; color: #52627f; font-weight: 650; }
.lead { font-size: 1.2rem; }
a { color: #2354c7; }
@media (prefers-color-scheme: dark) { body { background: #111827; color: #e8edf8; } main { background: #1e293b; box-shadow: none; } a { color: #8db2ff; } .eyebrow { color: #b7c2d8; } }