*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Nunito Sans',sans-serif;color:#0D1F25;background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{display:block}
button,input,textarea,select{font-family:inherit}
section[id],div[id]{scroll-margin-top:76px}
:root{
  --p:#052F3B;--ps:#0A6E8F;--a:#E8A135;--al:#F4C573;
  --bg:#fff;--bga:#EEF5F7;--bgw:#F7F3EE;--bgd:#052F3B;--bgdk:#031E26;
  --t:#0D1F25;--tm:#5A7A85;--tb:rgba(255,255,255,.65);
  --shm:0 6px 28px rgba(5,47,59,.12);--shl:0 16px 56px rgba(5,47,59,.2);
  --r:12px;--rl:20px;--rp:100px
}
.nav-links{display:flex;align-items:center;gap:28px}
.hamburger{display:none;background:none;border:none;cursor:pointer;color:#fff;font-size:26px;line-height:1;padding:4px}
@keyframes reelIn{from{transform:translateY(-18px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
@keyframes backdropIn{from{opacity:0}to{opacity:1}}
@keyframes modalIn{from{opacity:0;transform:translateY(32px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.reel-cell{animation:reelIn .14s cubic-bezier(.22,.68,0,1.2) both}
input:focus,textarea:focus{outline:none;border-color:var(--a)!important;box-shadow:0 0 0 3px rgba(232,161,53,.18)!important}

/* hover utilities (replace non-standard style-hover attributes) */
.hv-amber:hover{background:#F4C573!important}
.hv-white12:hover{background:rgba(255,255,255,.12)!important}
.hv-white15:hover{background:rgba(255,255,255,.15)!important}
.hv-white20:hover{background:rgba(255,255,255,.2)!important}
.hv-accent:hover{color:#E8A135!important}
.hv-cta1:hover{background:#F4C573!important;transform:translateY(-1px)!important}
.hv-cta2:hover{background:#F4C573!important;transform:translateY(-2px)!important}
.hv-card:hover{background:rgba(255,255,255,.09)!important;transform:translateY(-4px)!important}
.hv-gamecard:hover{transform:translateY(-5px)!important;box-shadow:0 16px 56px rgba(5,47,59,.2)!important}
.hv-ps:hover{background:var(--ps)!important;transform:translateY(-1px)!important}
.hv-close:hover{background:#DDE8EC!important}

@media(max-width:900px){
  .nav-links{display:none;flex-direction:column;align-items:flex-start;position:absolute;top:100%;left:0;right:0;background:var(--bgd);padding:20px 24px;gap:18px;border-top:1px solid rgba(255,255,255,.08);z-index:98}
  .nav-links.open{display:flex}
  .hamburger{display:block}
  .hero-h1{font-size:40px!important;line-height:1.15!important}
  .sp{padding:64px 20px!important}
  .g2{grid-template-columns:1fr!important;gap:40px!important}
  .g3{grid-template-columns:1fr!important}
  .g4{grid-template-columns:1fr 1fr!important}
  .gg{grid-template-columns:1fr!important}
  .faqg{grid-template-columns:1fr!important;gap:40px!important}
  .hide-mob{display:none!important}
  .fg{grid-template-columns:1fr 1fr!important;gap:32px!important}
  .statg{grid-template-columns:1fr 1fr!important}
}
@media(max-width:540px){
  .g4{grid-template-columns:1fr!important}
  .fg{grid-template-columns:1fr!important}
  .hero-h1{font-size:30px!important}
  .statg{grid-template-columns:1fr 1fr!important}
}

.skip-link{position:absolute;left:-999px;top:0;width:1px;height:1px;overflow:hidden;background:#052F3B;color:#fff;padding:12px 20px;z-index:9999;border-radius:0 0 8px 0;font-size:14px;font-weight:600}
.skip-link:focus{left:0;width:auto;height:auto;outline:2px solid #E8A135;outline-offset:2px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--a);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}