.video-page {
  height: auto;
  min-height: 100vh;
  overflow-x: clip;
  background: #09060a;
  isolation: isolate;
}
.video-page .bg-video {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
}
.video-page .overlay {
  z-index: 1;
  pointer-events: none;
}
.video-page > section, .video-page > footer {
  position: relative;
  z-index: 2;
}
.video-page .hero {
  height: auto;
  min-height: 100vh;
  min-height: 100svh;
  padding: 64px 24px;
}
.video-page .hero-inner { width: 100%; max-width: 760px; }
.video-page .badges { flex-wrap: wrap; }
.video-page .form { max-width: 560px; width: 100%; margin: 0 auto; flex-wrap: wrap; }
.video-page .form input { min-width: 0; flex: 1; }
.video-page .form .form-message { flex-basis: 100%; }
.video-page .form input:focus-visible, .video-page .form button:focus-visible {
  outline: 3px solid #ffa5bf;
  outline-offset: 3px;
}
.video-page .benefits { background: #0005; }
.video-page .footer { text-align: center; padding: 24px; font-size: 13px; background: #000b; }
@media (max-width: 600px) {
  .video-page .form { flex-direction: column; gap: 12px; }
  .video-page .form input, .video-page .form button { width: 100%; }
  .video-page .form .form-message { flex-basis: auto; }
  .video-page .countdown { gap: 20px; }
}