:root { color-scheme: light dark; font-family: "Segoe UI", system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px; background: #f5f2fa; color: #25222b; }
main { width: min(620px, 100%); padding: 48px; border: 1px solid #ddd7e8; border-radius: 24px; background: #fff; box-shadow: 0 18px 60px rgb(45 30 70 / 12%); }
.mark { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: #6750a4; color: #fff; font-size: 24px; font-weight: 700; }
.eyebrow { margin: 24px 0 8px; color: #6750a4; font-size: 12px; font-weight: 700; letter-spacing: .14em; }
h1 { margin: 0; font-size: clamp(28px, 5vw, 40px); line-height: 1.12; }
p { line-height: 1.6; }
.button { display: inline-block; margin-top: 18px; padding: 12px 18px; border-radius: 10px; background: #6750a4; color: #fff; font-weight: 650; text-decoration: none; }
.privacy { margin-top: 28px; color: #6f6878; font-size: 13px; }
@media (prefers-color-scheme: dark) { body { background: #121116; color: #f4effa; } main { background: #1d1b21; border-color: #37313f; } .privacy { color: #aaa1b2; } }