.countdown-main { overflow: hidden; }
.countdown-hero { position: relative; isolation: isolate; display: flex; min-height: min(850px, 100vh); min-height: min(850px, 100svh); align-items: center; overflow: hidden; border-bottom: 1px solid rgba(2,210,254,.2); background: #020a1d; }
.countdown-hero__art { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 53%; }
.countdown-hero::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(0deg, #03122f 0%, rgba(2,8,24,.62) 26%, rgba(2,8,24,.34) 60%, rgba(2,8,24,.58) 100%), radial-gradient(ellipse at center, rgba(2,8,24,.56), rgba(2,8,24,.06) 65%); }
.countdown-hero::after { content: ""; position: absolute; z-index: -1; top: 13%; left: -18%; width: 65vw; height: 1px; transform: rotate(-24deg); background: linear-gradient(90deg, transparent, rgba(2,210,254,.45), transparent); box-shadow: 0 0 28px 2px rgba(2,110,250,.32); pointer-events: none; }
.countdown-hero__inner { display: flex; width: var(--page); max-width: 1320px; flex-direction: column; align-items: center; margin: 0 auto; padding: clamp(58px, 7vw, 94px) 0 clamp(66px, 8vw, 105px); text-align: center; }
.countdown-hero .eyebrow { justify-content: center; margin-bottom: 24px; }
.countdown-hero h1 { max-width: 920px; margin: 0; color: #f4f8ff; font-size: clamp(56px, 7.1vw, 104px); line-height: .9; font-weight: 800; letter-spacing: -.082em; text-transform: uppercase; }
.countdown-hero h1 span { color: var(--cyan); text-shadow: 0 0 32px rgba(2,210,254,.22); }
.countdown-hero__lead { max-width: 640px; margin: 22px auto 32px; color: #b6c8e4; font-size: clamp(18px, 1.6vw, 20px); line-height: 1.6; }
.countdown-block { width: min(100%, 580px); }
.countdown-block__label { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 0 10px; color: #9fb3d3; font-size: 15px; font-weight: 700; letter-spacing: .12em; }
.countdown-block__label .status-dot { width: 5px; height: 5px; }
.countdown-clock { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.countdown-clock__unit { min-width: 0; display: flex; min-height: 94px; flex-direction: column; justify-content: center; padding: 13px 14px 11px; border-top: 1px solid rgba(2,210,254,.55); border-bottom: 1px solid rgba(255,255,255,.14); background: linear-gradient(145deg, rgba(4,25,64,.77), rgba(3,16,42,.52)); backdrop-filter: blur(8px); }
.countdown-clock__number { color: #f6f9ff; font-size: clamp(42px, 5vw, 68px); line-height: .95; font-weight: 600; letter-spacing: -.075em; font-variant-numeric: tabular-nums; text-shadow: 0 0 22px rgba(2,110,250,.27); }
.countdown-clock__name { margin-top: 9px; color: #8ca1c2; font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.countdown-block__status { min-height: 24px; margin: 10px 0 0; color: #89a2c8; font-size: 16px; }
.countdown-event { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; gap: 12px; padding-top: 28px; padding-bottom: 29px; border-bottom: 1px solid var(--line); }
.countdown-event__item { min-width: 0; min-height: 126px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 20px; border: 1px solid rgba(2,210,254,.16); background: linear-gradient(145deg, rgba(4,25,64,.55), rgba(3,16,42,.28)); text-align: center; }
.countdown-event__icon { display: grid; width: 40px; height: 40px; flex: 0 0 auto; place-items: center; border: 1px solid rgba(2,210,254,.42); border-radius: 50%; color: var(--cyan); font-size: 19px; }
.countdown-event__item div { display: flex; min-width: 0; flex-direction: column; align-items: center; gap: 5px; }
.countdown-event__item strong { color: #eff5ff; font-size: clamp(15px, 1.35vw, 19px); font-weight: 650; line-height: 1.35; }
.countdown-event__item > div > span { color: #a6b9d7; font-size: clamp(12px, 1vw, 14px); line-height: 1.45; }
.countdown-event__actions { grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; gap: 24px; padding-top: 6px; }
.countdown-event__actions .button { min-height: 56px; gap: 12px; padding-inline: 22px; font-size: 15px; }
.countdown-event__actions .text-link { gap: 6px; white-space: nowrap; font-size: 8px; }
.countdown-signoff { display: flex; align-items: center; justify-content: center; gap: 21px; padding: 24px 20px 30px; color: #7890b6; }
.countdown-signoff p { margin: 0; font-size: 7px; font-weight: 700; letter-spacing: .19em; }
.countdown-signoff > span { color: #d9e7fa; font-size: 15px; font-weight: 800; letter-spacing: .12em; }
.countdown-signoff i { color: var(--cyan); font-style: normal; }
.countdown-page .site-footer { flex-wrap: wrap; justify-content: center; gap: 14px 30px; text-align: center; }
.countdown-page .site-footer > p { margin: 0; text-align: center; }
.countdown-page .footer-nav { justify-content: center; }
.countdown-page .footer__copyright { flex-basis: 100%; text-align: center; }
.countdown-page :focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }

@media (max-width: 1000px) {
  .countdown-event { gap: 12px; }
}

@media (max-width: 700px) {
  .countdown-hero { min-height: 0; align-items: flex-end; }
  .countdown-hero__art { object-position: 63% center; }
  .countdown-hero::before { background: linear-gradient(180deg, rgba(2,8,24,.24) 0%, rgba(2,8,24,.55) 28%, rgba(2,8,24,.86) 56%, #03122f 100%), linear-gradient(90deg, rgba(2,8,24,.34), transparent 75%); }
  .countdown-hero::after { top: 19%; left: -33%; width: 110vw; }
  .countdown-hero__inner { padding-top: 110px; padding-bottom: 45px; }
  .countdown-hero .eyebrow { margin-bottom: 17px; font-size: 7px; }
  .countdown-hero h1 { font-size: clamp(44px, 12vw, 68px); }
  .countdown-hero__lead { max-width: 460px; margin: 16px 0 24px; font-size: 17px; line-height: 1.55; }
  .countdown-block__label { font-size: 14px; letter-spacing: .1em; }
  .countdown-block__status { min-height: 24px; font-size: 15px; }
  .countdown-clock { gap: 5px; }
  .countdown-clock__unit { min-height: 88px; padding: 11px 8px; }
  .countdown-clock__number { font-size: clamp(36px, 9vw, 52px); }
  .countdown-clock__name { margin-top: 7px; font-size: 9px; letter-spacing: .1em; }
  .countdown-event { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; padding-top: 20px; padding-bottom: 23px; }
  .countdown-event__item { min-height: 0; gap: 8px; padding: 14px 8px; }
  .countdown-event__icon { width: 34px; height: 34px; font-size: 17px; }
  .countdown-event__item strong { max-width: 100%; font-size: 14px; }
  .countdown-event__item > div > span { font-size: 11px; }
  .countdown-event__actions { grid-column: 1 / -1; align-items: center; flex-direction: column; gap: 15px; margin-top: 3px; text-align: center; }
  .countdown-event__actions .button { min-height: 54px; font-size: 14px; }
  .countdown-signoff { gap: 12px; padding-inline: 12px; }
  .countdown-signoff p { font-size: 6px; letter-spacing: .1em; }
}

@media (max-width: 370px) {
  .countdown-hero__inner { padding-top: 95px; }
  .countdown-hero h1 { font-size: 43px; }
  .countdown-clock__unit { padding-inline: 6px; }
  .countdown-event { grid-template-columns: 1fr; }
  .countdown-event__actions { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .countdown-page *, .countdown-page *::before, .countdown-page *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}