:root{color:#0f172a;background:radial-gradient(circle at top,#f8fafc,#eef2ff 45%,#fff 100%);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}.page{box-sizing:border-box;place-items:center;min-height:100vh;padding:32px 16px;display:grid}.hero{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;width:100%;max-width:720px;padding:48px 30px;box-shadow:0 24px 40px -30px #0f172a59}.badge{letter-spacing:.05em;text-transform:uppercase;color:#4338ca;background:#eef2ff;border-radius:999px;margin:0 0 16px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}h1{color:#0f172a;margin:0;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.15}.subtitle{color:#475569;max-width:60ch;margin:16px auto 0;line-height:1.6}.signup{gap:12px;margin-top:28px;display:flex}.signup input{border:1px solid #cbd5e1;border-radius:10px;flex:1;min-height:48px;padding:0 14px;font-size:16px}.signup button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;min-height:48px;padding:0 18px;font-size:16px;font-weight:600}.success{color:#166534;margin-top:14px;font-weight:500}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){.hero{padding:32px 20px}.signup{flex-direction:column}}