/* ==========================================================================
   tsbfight — gate.css  (воронка: /precheck/ и /luafile/)
   ========================================================================== */

/* hidden должен побеждать display из .btn-t, иначе кнопка покажется раньше времени */
[hidden] { display: none !important; }

.gate {
  max-width: 640px;
  padding-top: 50px;
  padding-bottom: 20px;
  text-align: center;
}

.gate__step {
  font-family: var(--font-mono);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--bolt);
  margin-bottom: 14px;
}
.gate__h { font-size: clamp(23px, 5vw, 33px); margin-bottom: 12px; }
.gate__lead { color: var(--text-muted); max-width: 54ch; margin: 0 auto 28px; }

.gate__meter { max-width: 430px; margin: 0 auto 22px; }
.gate__track {
  height: 12px;
  background: var(--bg-code);
  border: 1px solid var(--border);
  overflow: hidden;
}
.gate__fill {
  display: block;
  height: 100%;
  width: 0;
  background: var(--bolt);
  transition: width .9s linear;
}
.gate__timer { margin-top: 12px; font-family: var(--font-mono); font-size: 14px; color: var(--text-muted); }
.gate__timer #gateSec { color: var(--bolt); }

.gate__next, .gate__dl {
  font-size: 17px;
  padding: 15px 34px;
}
.is-ready { animation: gate-pop .3s ease; }
@keyframes gate-pop {
  from { transform: scale(.96); opacity: .3; }
  to   { transform: none; opacity: 1; }
}

.gate__info {
  list-style: none;
  margin: 28px auto 0;
  padding: 16px 20px;
  max-width: 430px;
  background: var(--bg-card);
  border: 1px solid var(--border);
  text-align: left;
  font-size: 14px;
  color: var(--text-muted);
  clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);
}
.gate__info li { margin-bottom: 6px; }
.gate__info li:last-child { margin-bottom: 0; }

.gate__feats, .gate__faq { max-width: 520px; margin: 36px auto 0; text-align: left; }
.gate__sub { font-size: 18px; margin-bottom: 14px; }
.gate__feats .tcard__feats { margin-bottom: 0; }

@media (prefers-reduced-motion: reduce) {
  .gate__fill { transition: none; }
  .is-ready { animation: none; }
}