:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; display: grid; place-items: center; padding: 24px; color: #171717; background: #f5f5f5; }
.card { width: min(100%, 520px); padding: 42px; border: 1px solid #e5e5e5; border-radius: 20px; background: #fff; box-shadow: 0 16px 40px rgb(0 0 0 / 7%); }
.wordmark { margin-bottom: 32px; font-size: 25px; font-weight: 750; letter-spacing: -.07em; }
h1 { margin: 0 0 16px; font-size: clamp(28px, 7vw, 38px); line-height: 1.08; letter-spacing: -.04em; }
p { margin: 0; color: #525252; font-size: 16px; line-height: 1.6; }
.store-links { display: grid; gap: 12px; margin: 30px 0 24px; }
.store-link { display: block; padding: 14px 18px; border: 1px solid #d4d4d4; border-radius: 11px; color: #171717; font-weight: 700; text-align: center; text-decoration: none; }
.store-link:hover, .store-link:focus-visible, .store-link.is-preferred { color: #fff; border-color: #171717; background: #171717; }
.security-note { color: #737373; font-size: 13px; }
@media (max-width: 520px) { .card { padding: 32px 24px; } }