*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}body{background:radial-gradient(circle at top,#111827 0,#020617 45%,#000);color:#e5e7eb}.page-root{position:relative;min-height:100vh;display:flex;align-items:stretch;justify-content:center;padding:2rem 1.25rem}.page-main{width:100%;max-width:900px;margin:auto}.bg-glow{position:fixed;border-radius:999px;filter:blur(60px);opacity:.6;z-index:-1}.bg-glow-top{top:-80px;left:50%;width:280px;height:280px;transform:translate(-50%);background:#f472b666}.bg-glow-left{top:40%;left:-60px;width:220px;height:220px;background:#34d39966}.bg-glow-bottom{bottom:-80px;right:-60px;width:260px;height:260px;background:#38bdf866}.card{background:radial-gradient(circle at top left,rgba(248,250,252,.06),transparent 55%),radial-gradient(circle at bottom right,rgba(15,23,42,.8),transparent 55%),#0f172af5;border-radius:24px;border:1px solid rgba(148,163,184,.55);box-shadow:0 24px 60px #0f172ae6;padding:2.25rem 1.75rem 2.4rem;display:flex;flex-direction:column;gap:2.25rem}.badge-wrapper{text-align:center}.badge-pill{display:inline-flex;align-items:center;gap:.6rem;padding:.25rem .9rem;border-radius:999px;border:1px solid rgba(148,163,184,.8);background:#0f172ae6;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#e5e7eb}.badge-dot-outer{position:relative;width:.7rem;height:.7rem;border-radius:999px;background:radial-gradient(circle,#f472b6 0,#22d3ee 60%,transparent 100%);box-shadow:0 0 12px #f472b6e6}.badge-dot-inner{position:absolute;inset:.1rem;border-radius:999px;background:#f9a8d4}.badge-subtitle{margin-top:.5rem;font-size:.8rem;color:#9ca3af}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.75rem}.hero-text{max-width:640px}.hero-title{margin:0;font-size:clamp(2rem,4vw,2.8rem);line-height:1.1;letter-spacing:.02em}.hero-title-highlight{background:linear-gradient(120deg,#f472b6,#a855f7,#4ade80);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtext{margin-top:.75rem;font-size:.95rem;color:#d1d5db}.countdown-card{width:100%;max-width:480px;border-radius:20px;border:1px solid rgba(148,163,184,.7);background:radial-gradient(circle at top,rgba(248,113,181,.18),transparent 60%),#0f172af2;padding:1.75rem 1.4rem;box-shadow:0 18px 40px #0f172ae6}.countdown-label{margin:0 0 1rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.22em;color:#9ca3af}.time-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:.8rem}.time-unit{padding:.75rem .5rem;border-radius:16px;border:1px solid rgba(148,163,184,.8);background:radial-gradient(circle at top,#1e40af4d,#020617);text-align:center}.time-unit-value{font-size:1.7rem;font-weight:600;letter-spacing:.16em}.time-unit-label{margin-top:.35rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:#9ca3af}.countdown-caption{margin:0;font-size:.8rem;color:#9ca3af}.countdown-message{margin:0;font-size:.9rem;color:#e5e7eb}.divider{height:1px;width:100%;background:linear-gradient(90deg,transparent,rgba(148,163,184,.7),transparent);opacity:.9}.signup{display:flex;flex-direction:column;gap:.75rem}.signup-copy{max-width:460px}.signup-title{margin:0;font-size:1rem;font-weight:600}.signup-text{margin-top:.35rem;font-size:.85rem;color:#9ca3af}.signup-form{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin-top:.4rem}.signup-actions{display:inline-flex;align-items:center;gap:.6rem}.signup-input-wrapper{position:relative;flex:1 1 220px;max-width:280px}.signup-input{width:100%;border-radius:999px;border:1px solid rgba(148,163,184,.8);padding:.7rem 2.6rem .7rem 1rem;background:#0f172af5;color:#f9fafb;font-size:.9rem;outline:none;transition:border .15s ease-out,box-shadow .15s ease-out,background .15s ease-out}.signup-input::placeholder{color:#6b7280}.signup-input:focus{border-color:#f472b6;box-shadow:0 0 0 1px #f472b6b3;background:#020617}.signup-input-orb{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);width:1.2rem;height:1.2rem;border-radius:999px;background:radial-gradient(circle,#f472b6 0,#a855f7,#22c55e);box-shadow:0 0 14px #f472b6e6;opacity:.85}.signup-button{border:none;border-radius:999px;padding:.7rem 1.6rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em;cursor:pointer;background:linear-gradient(120deg,#f472b6,#a855f7,#4ade80);color:#020617;box-shadow:0 14px 30px #f871b580;transition:transform .15s ease-out,box-shadow .15s ease-out,filter .15s ease-out;white-space:nowrap}.signup-button:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 18px 40px #f871b5b3}.signup-button:active{transform:translateY(0);box-shadow:0 10px 24px #0f172ae6}.signup-status{margin-top:.35rem;font-size:.9rem;display:inline-flex;align-items:center;gap:.6rem;padding:.45rem .6rem;border-radius:.5rem;background:#ffffff05;color:#e5e7eb;box-shadow:inset 0 0 0 1px #ffffff05;transition:transform .16s ease,opacity .2s ease,box-shadow .16s ease}.signup-status:before{display:inline-block;width:1em;text-align:center;font-size:.95em;line-height:1}.signup-status-error{color:#fecdd3;background:linear-gradient(180deg,#fb92af0f,#f871b505);border:1px solid rgba(251,146,175,.12)}.signup-status-error:before{content:"⚠"}.signup-status-success{color:#bbf7d0;background:linear-gradient(180deg,#4ade800a,#10b98105);border:1px solid rgba(74,222,128,.12)}.signup-status-success:before{content:"✓"}@media(max-width:640px){.signup-actions{display:flex;flex-direction:column;align-items:stretch;gap:.45rem;width:100%}.signup-actions .signup-button,.signup-status{width:100%}}.signup-footnote{margin-top:.3rem;font-size:.75rem;color:#6b7280}@media(max-width:640px){.card{padding:1.8rem 1.25rem 2rem}.time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
