/* WHNF 2026 homepage popup */
.whnf26-popup { position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; padding: 20px; opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s ease; }
.whnf26-popup.is-open { opacity: 1; visibility: visible; }
.whnf26-popup__backdrop { position: absolute; inset: 0; background: rgba(11, 42, 77, .78); backdrop-filter: blur(3px); }
.whnf26-popup__box { position: relative; z-index: 2; max-width: 420px; width: 100%; border-radius: 20px; overflow: hidden; box-shadow: 0 24px 70px rgba(0,0,0,.5); transform: translateY(18px) scale(.97); transition: transform .3s ease; background: #fff; }
.whnf26-popup.is-open .whnf26-popup__box { transform: translateY(0) scale(1); }
.whnf26-popup__link { display: block; text-decoration: none !important; }
.whnf26-popup__link img { display: block; width: 100%; height: auto; max-height: 72vh; object-fit: contain; background: #0b2a4d; }
.whnf26-popup__cta { display: block; text-align: center; background: linear-gradient(90deg, #f97316, #f5b301); color: #fff !important; font-size: 17px; font-weight: 800; padding: 15px 20px; letter-spacing: .02em; animation: whnf26-pulse 1.6s ease-in-out infinite; }
.whnf26-popup__close { position: absolute; top: 10px; right: 10px; z-index: 3; width: 38px; height: 38px; border: 0; border-radius: 50%; background: rgba(255,255,255,.92); color: #123c69; font-size: 20px; font-weight: 700; line-height: 1; cursor: pointer; box-shadow: 0 2px 10px rgba(0,0,0,.3); }
.whnf26-popup__close:hover { background: #fff; }
@keyframes whnf26-pulse { 0%, 100% { filter: brightness(1); } 50% { filter: brightness(1.15); } }
@media (max-width: 480px) { .whnf26-popup__box { max-width: 92vw; } .whnf26-popup__link img { max-height: 62vh; } }

@media (prefers-reduced-motion: reduce) {
  .whnf26-popup__cta { animation: none; }
  .whnf26-popup, .whnf26-popup__box { transition: none; }
}