/* =========================================================================
   Forsaken Scripts — gate.css
   Двухэтапная воронка /filecheck/ → /takefile/.
   ========================================================================= */

.gate {
  min-height: 62vh;
  display: grid;
  place-items: start center;
  padding: 48px 20px 64px;
  background:
    radial-gradient(90% 70% at 50% 0%, rgba(226,54,54,.10), transparent 60%);
}

.gate__card {
  width: 100%;
  max-width: 620px;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 30px 26px;
  text-align: center;
}

.gate__step {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--red);
  margin: 0 0 12px;
}
.gate__title { margin: 0 0 10px; font-size: clamp(1.4rem, 4vw, 2rem); }
.gate__lead { color: var(--ash); margin: 0 auto 22px; max-width: 46ch; }

/* Прогресс-бар / таймер */
.gate__meter {
  height: 8px;
  background: var(--bg-code);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  margin: 0 0 10px;
}
.gate__meter-fill {
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, var(--red), var(--red-hot));
  box-shadow: 0 0 12px -2px var(--red);
  transition: width 1s linear;
}
.gate__count {
  font-family: var(--font-mono);
  font-size: 13px;
  color: var(--text-muted);
  margin: 0 0 22px;
}
.gate__count b { color: var(--red); }

/* Скрытая до конца таймера кнопка-ссылка (перехват рекламой на /takefile/) */
.gate-cloak {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.gate__reveal {
  display: inline-block;
  min-width: 220px;
  transition: opacity .3s ease;
}

.gate__panel {
  margin-top: 22px;
  padding: 16px;
  text-align: left;
  background: var(--bg-code);
  border: 1px solid var(--border);
  border-radius: var(--radius);
}
.gate__panel h2 { font-size: 1rem; margin: 0 0 8px; }
.gate__panel p { margin: 4px 0; color: var(--ash); font-size: .92rem; }
.gate__panel ul { margin: 0; padding-left: 18px; color: var(--ash); font-size: .92rem; }
.gate__panel li { margin-bottom: 4px; }
.gate__panel .mono { color: var(--text-primary); }

.gate__shot {
  margin: 0 0 20px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--bg-code);
}
.gate__shot img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }

.gate__faq { margin-top: 20px; text-align: left; }

/* Рекламный слот */
.promo {
  margin: 22px auto 0;
  min-height: 90px;
  display: grid;
  place-items: center;
  border: 1px dashed var(--border);
  border-radius: var(--radius);
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 12px;
}
.promo:empty::before { content: 'реклама'; opacity: .5; }

.advert { margin: 26px 0; padding-top: 18px; text-align: left; }
.advert__label {
  display: block;font-size: 11px; text-transform: uppercase;
  letter-spacing: .08em; margin: 0 0 8px;
}
.advert__link { display: flex; justify-content: center; text-decoration: none; }
.advert__img {
	
  display: block; width: 100%; max-width: 320px; height: auto; margin: 0 auto;
  transition: border-color .15s ease, box-shadow .15s ease;
}