:root{
  --bg:#0f1724;
  --card:#0b1220;
  --accent1:#6ee7b7;
  --accent2:#60a5fa;
  --muted:#9aa6bd;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
  background: linear-gradient(120deg,#071126 0%, #0f1724 50%);
  color:#e6eef8;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:2rem;
  overflow:hidden;
}
.wrap{z-index:2}
.card{
  background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.02));
  border:1px solid rgba(255,255,255,0.04);
  padding:2.2rem;
  width:min(720px,100%);
  border-radius:12px;
  text-align:center;
  box-shadow:0 10px 30px rgba(2,6,23,0.6), inset 0 1px 0 rgba(255,255,255,0.02);
}
.logo{font-weight:700;letter-spacing:0.06em;color:var(--accent1);margin-bottom:.6rem}
h1{margin:.2rem 0 0.6rem;font-size:2rem}
.lead{color:var(--muted);margin:0 0 1.2rem}
.countdown{display:flex;gap:1rem;justify-content:center;margin:1rem 0 1.4rem}
.countdown div{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:.6rem .9rem;border-radius:10px;min-width:72px}
.countdown span{display:block;font-size:1.2rem;font-weight:700}
.countdown small{display:block;color:var(--muted);font-size:.75rem;margin-top:.25rem}
.subscribe{display:flex;gap:.5rem;justify-content:center}
.subscribe input{padding:.7rem .9rem;border-radius:8px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:inherit;min-width:220px}
.subscribe button{padding:.7rem 1rem;border-radius:8px;border:0;background:linear-gradient(90deg,var(--accent1),var(--accent2));color:#07223a;font-weight:700;cursor:pointer}
.muted{color:var(--muted);font-size:.85rem;margin-top:1rem}

/* contact link styling */
.contact{margin:0.6rem 0}
.contact a{color:var(--accent2);text-decoration:none;font-weight:600}
.contact a:hover{text-decoration:underline;filter:brightness(1.08)}

.bg-shapes{position:fixed;inset:0;z-index:1;pointer-events:none}
.bg-shapes .s{position:absolute;border-radius:50%;opacity:.14;filter:blur(36px);transform:translate3d(0,0,0)}
.bg-shapes .s1{width:420px;height:420px;left:-10%;top:-5%;background:radial-gradient(circle at 30% 30%,var(--accent1),transparent)}
.bg-shapes .s2{width:340px;height:340px;right:-12%;bottom:-10%;background:radial-gradient(circle at 60% 60%,var(--accent2),transparent)}
.bg-shapes .s3{width:180px;height:180px;left:50%;top:60%;background:radial-gradient(circle at 50% 50%,#a78bfa,transparent);opacity:.08}

@media (max-width:520px){
  h1{font-size:1.4rem}
  .countdown{gap:.6rem}
  .countdown div{min-width:56px;padding:.5rem .6rem}
  .subscribe{flex-direction:column}
  .subscribe input{width:100%}
}

/* subtle float animation */
@keyframes floaty {0%{transform:translateY(0)}50%{transform:translateY(-8px)}100%{transform:translateY(0)}}
.s1{animation:floaty 9s ease-in-out infinite}
.s2{animation:floaty 11s ease-in-out infinite}
.s3{animation:floaty 8s ease-in-out infinite}