:root{
  --gba-navy:#001b3b;
  --gba-navy-2:#032952;
  --gba-red:#ed1c24;
  --gba-white:#fff;
  --gba-shadow:0 8px 28px rgba(0,0,0,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#071a31}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#071a31;color:#fff}
a{color:inherit}
.page-shell{
  position:relative;
  width:min(100%,var(--page-width,1024px));
  margin:0 auto;
  background:#fff;
  overflow:hidden;
  box-shadow:0 0 45px rgba(0,0,0,.35);
}
.page-reference{width:100%;height:auto;display:block;user-select:none;-webkit-user-drag:none}
.hotspot{
  position:absolute;
  display:block;
  z-index:5;
  border-radius:4px;
  text-decoration:none;
  cursor:pointer;
}
.hotspot:focus-visible{outline:3px solid #ffda44;outline-offset:2px;background:rgba(255,218,68,.12)}
body.debug-hotspots .hotspot{outline:2px dashed #00e5ff;background:rgba(0,229,255,.14)}
.page-marker{position:absolute;left:0;width:1px;height:1px;pointer-events:none}
.dropdown-panel{
  position:absolute;
  z-index:30;
  min-width:190px;
  padding:8px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:8px;
  background:rgba(0,22,48,.97);
  box-shadow:var(--gba-shadow);
  display:none;
}
.dropdown-panel.open{display:block}
.dropdown-panel a{display:block;padding:10px 12px;color:#fff;text-decoration:none;font-weight:700;font-size:14px;border-radius:5px}
.dropdown-panel a:hover,.dropdown-panel a:focus{background:var(--gba-red)}
.mobile-menu-toggle{
  display:none;position:fixed;right:14px;top:14px;z-index:1000;
  width:46px;height:46px;border:2px solid #fff;border-radius:8px;
  background:rgba(0,27,59,.95);color:#fff;font-size:23px;line-height:1;cursor:pointer;
  box-shadow:var(--gba-shadow)
}
.mobile-menu{
  display:none;position:fixed;inset:0;z-index:999;background:rgba(0,14,33,.98);padding:82px 24px 30px;overflow:auto
}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;padding:13px 12px;color:#fff;text-decoration:none;font-size:20px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.12)}
.mobile-menu .sub{padding-left:26px;font-size:17px;color:#d8e4f3}
.mobile-menu .register{margin-top:18px;background:var(--gba-red);text-align:center;border:0;border-radius:5px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:700px){
  .mobile-menu-toggle{display:block}
  .desktop-hotspot-nav{display:none!important}
  .dropdown-panel{display:none!important}
  .page-shell{width:100%;box-shadow:none}
}