:root { font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: #172033; background: #f5f7fb; }
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.6; }
.shell { width: min(100% - 2rem, 720px); margin: 0 auto; padding: clamp(3rem, 10vw, 7rem) 0 3rem; }
.eyebrow { margin: 0 0 .5rem; color: #596bd8; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: .8rem; }
h1 { margin: 0; font-size: clamp(2.25rem, 7vw, 4rem); line-height: 1.1; letter-spacing: -.04em; }
h2 { margin: 2.25rem 0 .5rem; font-size: 1.25rem; }
.intro { color: #536174; font-size: 1.15rem; max-width: 36rem; }
.card { margin-top: 3rem; padding: 1.75rem; background: #fff; border: 1px solid #e5e9f2; border-radius: 1rem; box-shadow: 0 10px 30px rgba(33, 52, 88, .06); }
.card h2 { margin-top: 0; }
.card p, .privacy p { color: #42516a; }
footer { margin-top: 2rem; }
a { color: #4659c9; text-underline-offset: .2em; }
.back { display: inline-block; margin-bottom: 2rem; }
@media (prefers-color-scheme: dark) { :root { color: #edf2f7; background: #101522; } .intro, .card p, .privacy p { color: #c0cada; } .card { background: #1a2232; border-color: #2b374d; box-shadow: none; } a { color: #aebaff; } }