:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: #202922; background: #f6f7f2; }
* { box-sizing: border-box; }
body { margin: 0; }
main { width: min(100% - 40px, 640px); margin: 0 auto; padding: 52px 0; }
.brand { display: inline-block; color: inherit; font-size: 25px; font-weight: 750; letter-spacing: -1.5px; text-decoration: none; }
.card { margin-top: 64px; padding: 40px; background: white; border: 1px solid #e0e5da; border-radius: 24px; }
.eyebrow { font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 650; color: #526447; }
h1 { margin: 16px 0; font-size: clamp(32px, 7vw, 44px); letter-spacing: -1.7px; line-height: 1.08; }
p { line-height: 1.65; }
.intro { color: #536052; font-size: 17px; }
.number { display: block; font-size: 24px; font-weight: 600; letter-spacing: -.5px; margin: 28px 0 18px; color: inherit; }
.button { display: block; background: #253f2b; color: white; padding: 16px 20px; border-radius: 12px; text-decoration: none; text-align: center; font-weight: 650; }
a { color: #305637; text-underline-offset: 3px; }
a:hover { text-decoration: underline; }
a:focus-visible { outline: 3px solid #a0b864; outline-offset: 4px; }
.hint, .disclosure, footer { font-size: 13px; color: #566154; }
.hint { text-align: center; }
.disclosure { border-top: 1px solid #e6e9e1; margin-top: 26px; padding-top: 22px; }
footer { padding: 28px 0; line-height: 1.8; }
footer a + a { margin-left: 18px; }
.legal h1 { font-size: 34px; }
.legal h2 { font-size: 19px; margin-top: 28px; }
@media (max-width: 480px) { main { padding-top: 28px; } .card { margin-top: 32px; padding: 26px; } }