@font-face { font-family: Poppins; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/poppins-400.ttf"); }
@font-face { font-family: Poppins; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/poppins-600.ttf"); }
@font-face { font-family: Poppins; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/poppins-700.ttf"); }
* { box-sizing: border-box; }
html { color-scheme: dark; scroll-behavior: smooth; }
body { margin: 0; background: #000; color: #fff; font-family: Poppins, Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid #41b6e7; outline-offset: 4px; }
.skip-link { position: fixed; top: -80px; left: 16px; z-index: 100; padding: 12px; background: #fff; color: #002e5e; }
.skip-link:focus { top: 8px; }
.ez8-header {
  font-family: var(--ez8-nav-font);
  overflow: visible;
  transition:
    background-color 260ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 260ms ease,
    box-shadow 320ms cubic-bezier(0.16, 1, 0.3, 1),
    opacity 260ms ease,
    filter 320ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 320ms cubic-bezier(0.16, 1, 0.3, 1);
}

.ez8-header-sweep {
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 0;
  width: min(34rem, 72vw);
  pointer-events: none;
  background:
    radial-gradient(circle at 58% 50%, rgba(255, 255, 255, 0.66) 0 10%, transparent 32%),
    linear-gradient(
      100deg,
      transparent 0%,
      rgba(65, 182, 231, 0.05) 18%,
      rgba(65, 182, 231, 0.32) 43%,
      rgba(214, 168, 79, 0.3) 56%,
      rgba(255, 255, 255, 0.58) 66%,
      transparent 100%
    );
  filter: blur(2px);
  mix-blend-mode: multiply;
}

.ez8-header-inner,
.ez8-header-logo {
  position: relative;
  z-index: 1;
  transition: filter 260ms ease;
}

.ez8-header-top {
  background: #ffffff;
  box-shadow:
    0 8px 22px rgba(0, 46, 94, 0.07),
    inset 0 -1px 0 rgba(214, 168, 79, 0.18);
}

.ez8-header-scrolled {
  border-color: rgba(65, 182, 231, 0.24);
  background: #ffffff;
  box-shadow:
    0 14px 32px rgba(0, 31, 66, 0.12),
    0 0 0 1px rgba(65, 182, 231, 0.08),
    0 20px 60px rgba(65, 182, 231, 0.1);
}

.ez8-header-scrolled .ez8-header-logo {
  filter: saturate(1.08);
}

.ez8-header-download-link,
.ez8-header-login-link,
.ez8-header-join-link {
  display: inline-flex;
  min-height: 3rem;
  align-items: center;
  gap: 0.45rem;
  border-radius: 0.4rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition:
    background-color 180ms ease,
    color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.ez8-header-download-link {
  padding: 0 1rem;
  border: 1px solid rgba(65, 182, 231, 0.52);
  background: #f4fbff;
  color: #0078ad;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.ez8-header-download-link:hover,
.ez8-header-download-link:focus-visible {
  border-color: #41b6e7;
  background: #e8f6fd;
  color: #002e5e;
  transform: translateY(-1px);
}

.ez8-header-login-link {
  padding: 0 1.1rem;
  color: #2f3439;
}

.ez8-header-login-link:hover,
.ez8-header-login-link:focus-visible {
  background: #e5e5e8;
  color: #2f3439;
}

.ez8-header-join-link {
  padding: 0 1.35rem;
  background: #41b6e7;
  color: #ffffff;
  box-shadow: 0 10px 22px rgba(65, 182, 231, 0.22);
}

.ez8-header-join-link:hover,
.ez8-header-join-link:focus-visible {
  background: #41b6e7;
  color: #ffffff;
  box-shadow: 0 10px 22px rgba(65, 182, 231, 0.22);
}

.ez8-header-download-link:focus-visible,
.ez8-header-login-link:focus-visible,
.ez8-header-join-link:focus-visible {
  outline: 2px solid #41b6e7;
  outline-offset: 3px;
}

.ez8-scroll-progress {
  position: absolute;
  inset: auto 0 -1px;
  height: 2px;
  transform-origin: left center;
  background: linear-gradient(90deg, rgba(214, 168, 79, 0.92), rgba(65, 182, 231, 0.92));
  transition: transform 120ms linear;
}

.ez8-nav-link {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  min-height: 2.5rem;
  white-space: nowrap;
  transition:
    color 180ms ease,
    background-color 180ms ease,
    transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
}

.ez8-nav-link:hover,
.ez8-nav-link:focus-visible {
  transform: translateY(-1px);
}

.ez8-nav-link svg {
  display: block;
  stroke-width: 2.25;
}

.ez8-nav-indicator {
  z-index: 0;
  background: transparent;
  box-shadow: none;
  will-change: left, top, width, height, opacity;
}

.ez8-nav-indicator::after {
  content: "";
  position: absolute;
  right: 0.125rem;
  bottom: -0.75rem;
  left: 0.125rem;
  height: 0.275rem;
  border-radius: 9999px;
  background: #41b6e7;
}

.ez8-dropdown-panel {
  animation: ez8-dropdown-in 220ms cubic-bezier(0.16, 1, 0.3, 1) both;
  transform-origin: top center;
}

.ez8-mega-link {
  transition:
    background-color 180ms ease,
    color 180ms ease,
    transform 240ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 240ms cubic-bezier(0.16, 1, 0.3, 1);
}

.ez8-mega-link:hover,
.ez8-mega-link:focus-visible {
  transform: translateY(-1px);
  box-shadow: inset 0 0 0 1px rgba(65, 182, 231, 0.18);
}

.ez8-dropdown-panel a {
  transition:
    background-color 180ms ease,
    color 180ms ease,
    transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
}

.ez8-dropdown-panel a:hover {
  transform: translateX(2px);
}

.ez8-mobile-menu {
  transform-origin: top center;
  will-change: opacity, height, transform, filter;
}


.site-header { --ez8-nav-font: "Poppins", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; position: fixed; inset: 0 0 auto; z-index: 50; width: 100%; border-bottom: 1px solid #dceaf2; background: white; color: #002e5e; color-scheme: light; font-size: 16px; line-height: 1.5; }
.header-spacer { height: 53px; }
.header-inner { max-width: 1440px; margin: auto; padding: 8px 16px; display: flex; align-items: center; justify-content: space-between; }
.brand { display: flex; flex-shrink: 0; align-items: center; gap: 8px; }
.brand img { display: block; height: 32px; width: auto; object-fit: contain; }
.desktop-nav { position: relative; display: flex; align-items: center; gap: 4px; }
.desktop-nav .ez8-nav-link { gap: 6px; padding: 8px; font-size: 14px; font-weight: 600; line-height: 1; color: #002e5e; }
.desktop-nav .ez8-nav-link:hover, .desktop-nav .ez8-nav-link:focus-visible { color: #0078ad; }
.ez8-nav-indicator { position: absolute; top: 0; height: 100%; border-radius: 6px; opacity: 0; transition: left 340ms cubic-bezier(.16,1,.3,1), width 340ms cubic-bezier(.16,1,.3,1), opacity 180ms; pointer-events: none; }
.header-actions { display: flex; align-items: center; gap: 6px; }
.header-inner > .header-actions a { min-height: 36px; font-size: 14px; }
.header-inner .ez8-header-login-link { padding-inline: 12px; }
.header-inner .ez8-header-join-link { padding-inline: 16px; }
.site-header .desktop-nav,
.site-header .mobile-menu nav,
.site-header .ez8-header-download-link { display: none; }
.about-menu { position: relative; }
.about-menu summary { cursor: pointer; list-style: none; }
.about-menu summary::-webkit-details-marker { display: none; }
.about-menu summary::marker { content: ''; }
.about-menu summary::after { content: none; }
.about-menu summary svg { transition: transform 200ms; flex-shrink: 0; }
.about-menu[open] > summary svg { transform: rotate(180deg); }
.about-links { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: min(288px, calc(100vw - 32px)); padding-top: 16px; z-index: 50; }
.ez8-dropdown-panel { padding: 8px; display: grid; gap: 4px; overflow: hidden; border: 1px solid #d9eef8; border-radius: 12px; background: #fff; box-shadow: 0 24px 54px #002e5e33; }
.ez8-mega-link { display: block; padding: 10px 16px; border-radius: 8px; font-size: 14px; font-weight: 700; line-height: 20px; color: #39566f; }
.ez8-mega-link.emphasis { background: #e8f6fd; color: #002e5e; }
.ez8-mega-link:hover { background: #e8f6fd; color: #0078ad; }
.menu-toggle { display: none; padding: 8px; border: 0; border-radius: 6px; background: transparent; color: #002e5e; }
.menu-toggle:hover { background: #e8f6fd; }
.menu-toggle svg { display: block; }
.menu-toggle .close-icon, .menu-toggle[aria-expanded="true"] .menu-icon { display: none; }
.menu-toggle[aria-expanded="true"] .close-icon { display: block; }
.mobile-menu { max-height: calc(100dvh - 64px); overflow-y: auto; overscroll-behavior: contain; padding: 16px; border-top: 1px solid #dceaf2; background: white; box-shadow: 0 18px 34px #002e5e14; }
.mobile-menu[hidden] { display: none; }
.mobile-menu nav { display: flex; flex-direction: column; gap: 4px; }
.mobile-menu nav > a, .mobile-menu summary { display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; border-radius: 6px; font-size: 14px; line-height: 20px; font-weight: 600; }
.mobile-menu nav a:hover, .mobile-menu summary:hover { background: #e8f6fd; color: #0078ad; }
.mobile-about-links { display: flex; flex-direction: column; gap: 4px; margin-top: 4px; padding-left: 12px; border-left: 1px solid #d9eef8; }
.mobile-about-links a { padding: 6px 12px; border-radius: 6px; font-size: 14px; line-height: 20px; color: #39566f; }
.mobile-menu .header-actions { display: grid; gap: 12px; margin-top: 16px; }
.mobile-menu .header-actions a { justify-content: center; }
@media (min-width: 640px) { .mobile-menu .header-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@keyframes ez8-dropdown-in { from { opacity: 0; transform: translateY(-12px); filter: blur(10px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } }
.pageBuilder { padding: 0; }
.container { width: 100%; max-width: 1260px; padding: 0 15px; margin: 0 auto; }
.pbBlock--paddings-regular { padding-top: 32px; padding-bottom: 32px; }
.pbBlock--paddings-smaller { padding-top: 16px; padding-bottom: 16px; }
.pbBlock--paddings-bigger { padding-top: 64px; padding-bottom: 64px; }
.styled-text { font-size: 16px; line-height: 28px; }
.styled-text p { margin: 0 0 16px; }
.styled-text p:last-child { margin-bottom: 0; }
.styled-text img { max-width: 100%; height: auto; }
.pbHeroVideo { padding: 0; }
.pbHeroVideo__media { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #000; }
.pbHeroVideo video { display: block; width: 100%; height: 100%; object-fit: cover; }
.video-sound-button { position: absolute; top: 16px; right: 16px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid #ffffff70; border-radius: 50%; background: #000b; color: #fff; box-shadow: 0 4px 16px #0003; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.video-sound-button svg { width: 20px; height: 20px; flex-shrink: 0; }
.video-sound-button:hover { background: #000e; }
.video-sound-button[hidden] { display: none; }
@media (max-width: 639px) { .video-sound-button { top: 10px; right: 10px; } }
.row { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.pbTextWithImage .row { align-items: center; justify-content: center; }
.col-12 { width: 100%; padding: 0 15px; }
.pbTextWithImage__image { margin-bottom: 16px; }
.pbTextWithImage__image img { display: block; max-width: 100%; max-height: 400px; width: auto; height: auto; margin: auto; }
.picks { padding: 62px 70px 53px; }
.picks-carousel { position: relative; }
.picks-arrow { position: absolute; top: 48%; z-index: 1; width: 22px; height: 34px; padding: 0; border: 0; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2234%22%20viewBox%3D%220%200%2022%2034%22%3E%3Cpath%20fill%3D%22%23FF872A%22%20d%3D%22M20.788%2030.394a1.7%201.7%200%201%201-2.176%202.612l-18-15a1.7%201.7%200%200%201%200-2.612l18-15a1.7%201.7%200%201%201%202.176%202.612L4.356%2016.7l16.432%2013.694z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
.picks-prev { left: -30px; }
.picks-next { right: -30px; transform: rotate(180deg); }
.picks-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.picks-track::-webkit-scrollbar { display: none; }
.pick { flex: 0 0 calc(100% / 3); min-width: 0; padding: 0 15px; scroll-snap-align: start; }
.pick img { display: block; width: 100%; max-width: 100%; height: auto; object-fit: contain; }
@media (min-width: 768px) { .picks { width: 750px; } }
@media (min-width: 992px) { .picks { width: 970px; } }
@media (min-width: 1026px) { .picks { padding-inline: 50px; } }
@media (min-width: 1200px) { .picks { width: 1170px; } }
@media (min-width: 1242px) { .picks-prev { left: -60px; } .picks-next { right: -40px; } }
@media (min-width: 1277px) { .picks { padding-inline: 30px; } }
@media (min-width: 1371px) { .picks-prev { left: -88px; } .picks-next { right: -88px; } }
@media (min-width: 1442px) { .picks { padding-inline: 15px; } }
.video-fallback { position: absolute; inset: auto 16px 64px; padding: 12px; text-align: center; background: #000c; }
.video-fallback[hidden] { display: none; }
.video-fallback a { text-decoration: underline; }
@media (min-width: 768px) {
  .col-md-6 { width: 50%; }
  .order-md-0 { order: 0; }
  .order-md-1 { order: 1; }
  .pbTextWithImage__image { margin-bottom: 0; }
  .pbTextWithImage__image img { max-height: none; }
}
@media (min-width: 992px) { .pbBlock .styled-text { font-size: 18px; line-height: 32px; } }
@media (max-width: 1439px) {
  .desktop-nav, .menu-toggle, .mobile-menu { display: none !important; }
  .header-inner > .header-actions { display: flex; margin-left: auto; }
}
@media (max-width: 639px) {
  .header-inner { gap: 8px; padding-inline: 12px; }
  .header-inner > .header-actions { gap: 4px; }
  .header-inner > .header-actions a { min-height: 36px; font-size: 13px; white-space: nowrap; }
  .header-inner .ez8-header-login-link { padding-inline: 10px; }
  .header-inner .ez8-header-join-link { padding-inline: 12px; }
}
@media (min-width: 1440px) { .mobile-menu { display: none !important; } }
@media (max-width: 767px) {
  .container { padding-inline: 20px; }
  .pbBlock--paddings-bigger { padding-block: 44px; }
  .pbTextFull [style*="xxx-large"] { font-size: clamp(30px, 8vw, 48px) !important; line-height: 1.25; }
  .pbTextFull [style*="x-large"] { font-size: 20px !important; }
  .picks { padding-inline: 70px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

.prize-heading { margin: 0 0 16px; font-size: inherit; line-height: inherit; font-weight: 700; }

@media (prefers-reduced-motion: reduce) { .site-header *, .site-header *::after { animation: none !important; transition: none !important; } }