:root{
  --bg: #0f1724;
  --card: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  --accent: #7c3aed;
  --muted: #94a3b8;
  --glass: rgba(255,255,255,0.03);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  background: radial-gradient(1200px 600px at 10% 10%, rgba(124,58,237,0.12), transparent),
              radial-gradient(900px 500px at 90% 90%, rgba(16,185,129,0.06), transparent),
              var(--bg);
  color:#e6eef8;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:2rem;
}
.container{width:100%;max-width:740px}
.card{
  background: var(--card);
  border:1px solid rgba(255,255,255,0.04);
  padding:2.25rem;
  border-radius:12px;
  box-shadow: 0 8px 30px rgba(2,6,23,0.6);
  backdrop-filter: blur(6px) saturate(120%);
}
.logo{font-weight:700;color:var(--accent);letter-spacing:0.6px}
h1{margin:0.6rem 0 0.25rem;font-size:1.75rem}
.lead{color:var(--muted);margin:0 0 1.25rem}
.countdown{display:flex;gap:0.5rem;margin-bottom:1rem}
.countdown > div{background:var(--glass);padding:0.6rem 0.8rem;border-radius:8px;min-width:64px;text-align:center}
.countdown strong{display:block;font-size:1.1rem}
.subscribe{display:flex;gap:0.5rem;margin-top:0.5rem}
.subscribe input{flex:1;padding:0.75rem 0.9rem;border-radius:10px;border:1px solid rgba(255,255,255,0.06);background:transparent;color:inherit}
.subscribe button{padding:0.75rem 1rem;border-radius:10px;border:0;background:linear-gradient(90deg,var(--accent),#06b6d4);color:#071124;font-weight:600;cursor:pointer}
.message{margin-top:0.85rem;color:var(--muted);min-height:1.25rem}
.muted{color:var(--muted);font-size:0.85rem;margin-top:1rem}

@media (max-width:480px){
  h1{font-size:1.25rem}
  .card{padding:1.25rem}
}