/* ============ COMING SOON PAGE ============ */
.soon-body{
  min-height:100vh;
}

.soon{
  min-height:100vh;
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  text-align:center;position:relative;
  padding:150px 8% 80px;
  overflow:hidden;
}

.soon__hud{position:absolute;inset:0;pointer-events:none}
.soon__scan{
  position:absolute;left:10%;right:10%;height:1px;
  background:linear-gradient(90deg,transparent,var(--purple),transparent);
  top:0;animation:scan 6s ease-in-out infinite;opacity:.5;
}

.soon__logo{
  display:flex;align-items:center;gap:10px;
  font-family:var(--display);font-size:20px;letter-spacing:.5px;
  color:var(--purple);margin-bottom:52px;
}
.soon__logo span{color:var(--ink)}

.soon h1{font-size:clamp(40px,7vw,76px)}

.soon__sub{
  margin:22px auto 0;max-width:520px;color:var(--muted);
  font-size:16px;line-height:1.7;
}

/* ============ COUNTDOWN ============ */
.countdown{
  display:flex;align-items:center;gap:18px;
  margin-top:52px;
}
.countdown__block{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  min-width:78px;padding:18px 10px;
  background:var(--surface);border:1px solid var(--border);border-radius:14px;
}
.countdown__num{
  font-family:var(--display);font-size:34px;color:var(--purple);
  text-shadow:0 0 20px var(--purple-glow);
  font-variant-numeric:tabular-nums;
}
.countdown__label{
  font-family:var(--mono);font-size:10px;color:var(--muted);
  letter-spacing:.1em;text-transform:uppercase;
}
.countdown__sep{
  font-family:var(--display);font-size:28px;color:var(--border);
  margin-top:-16px;
}

/* ============ EMAIL FORM ============ */
.soon__form{
  display:flex;gap:12px;margin-top:44px;
  width:100%;max-width:460px;flex-wrap:wrap;justify-content:center;
}
.soon__form input{
  flex:1;min-width:220px;
  padding:15px 18px;background:var(--surface);
  border:1px solid var(--border);color:var(--ink);border-radius:8px;
  font-family:var(--body);font-size:14px;
}
.soon__form input:focus{border-color:var(--purple);outline:none}
.soon__form input::placeholder{color:var(--muted)}
.soon__form .btn-primary{white-space:nowrap}

.soon__note{
  margin-top:16px;font-family:var(--mono);font-size:12px;
  color:var(--muted);letter-spacing:.04em;
}
.soon__note.is-success{color:var(--purple)}

/* ============ GAME STRIP TEASER ============ */
.soon__games{
  margin-top:68px;justify-content:center;
}

/* ============ FOOTER ============ */
.soon__footer{
  display:flex;justify-content:center;gap:24px;flex-wrap:wrap;
  padding:32px 8% 40px;color:var(--muted);
  font-family:var(--mono);font-size:12px;letter-spacing:.05em;
  text-align:center;
}

/* ============ RESPONSIVE ============ */
@media(max-width:640px){
  .social-rail{display:none}
  .countdown{gap:10px}
  .countdown__block{min-width:60px;padding:14px 6px}
  .countdown__num{font-size:24px}
  .countdown__sep{font-size:20px}
  .soon{padding:130px 6% 60px}
}