/* Sea-Trade user palette: #020814 navy · #00D9FF cyan · #00C896 emerald · white glass */
body.home-landing,
body.member-portal,
body.luxury-signup,
body.sea-trade-ui{
  --st-navy:#020814;
  --st-cyan:#00D9FF;
  --st-emerald:#00C896;
  --st-glass:rgba(255,255,255,.08);
  --st-glass-edge:rgba(255,255,255,.22);
  color:#fff;
  background-color:#020814;
  background-image:
    linear-gradient(180deg,rgba(2,8,20,.42) 0%,rgba(2,8,20,.55) 55%,rgba(2,8,20,.78) 100%),
    url("../images/sea-trade-bg.png");
  background-repeat:no-repeat;
  background-size:auto,cover;
  background-position:center,center;
  background-attachment:scroll;
}
body.home-landing:after,
body.member-portal:after,
body.luxury-signup:after,
body.sea-trade-ui:after{
  content:"";
  position:fixed;
  inset:auto 0 0;
  height:42%;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,transparent,rgba(2,8,20,.28) 55%,rgba(2,8,20,.55));
}
body.member-portal main,
body.luxury-signup main,
body.home-landing main{
  position:relative;
  z-index:1;
}
body.home-landing h1,
body.luxury-signup h1,
body.member-portal h1,
body.member-portal h2,
body.member-portal h3{
  color:#fff;
}
body.home-landing .hero-lead,
body.luxury-signup .lux-lead{
  color:#dff8ff;
}

/* White glass surfaces */
body.home-landing .home-nav,
body.luxury-signup .home-nav,
body.member-portal .member-nav{
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05))!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 12px 40px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.28)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
body.luxury-signup .lux-signup-inner,
body.member-portal .vip-pass,
body.member-portal .hub-card,
body.home-landing .home-brand{
  background:
    linear-gradient(165deg,rgba(255,255,255,.12),rgba(255,255,255,.04) 42%,rgba(2,8,20,.55))!important;
  border-color:rgba(255,255,255,.2)!important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.35),
    0 0 0 1px rgba(0,217,255,.18),
    inset 0 1px 0 rgba(255,255,255,.28)!important;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
body.home-landing .home-cta-btn.gold,
body.luxury-signup .lux-submit,
body.luxury-signup #loginSubmit,
body.luxury-signup #registerSubmit{
  color:#020814!important;
  background:linear-gradient(135deg,#00D9FF,#00C896)!important;
  box-shadow:0 12px 28px rgba(0,217,255,.28)!important;
}
body.home-landing .hero-kicker,
body.home-landing .home-nav-name small,
body.luxury-signup .auth-badge{
  color:#00D9FF!important;
}
body.home-landing .home-hero-text h1 span{
  color:transparent;
  background:linear-gradient(90deg,#00D9FF,#00C896);
  -webkit-background-clip:text;
  background-clip:text;
}
.visually-hidden{
  position:absolute!important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}

/* Keep scroll paint cheap — fixed backgrounds stutter on phones */
html:has(body.sea-trade-ui){
  scroll-behavior:auto;
}
body.home-landing,
body.member-portal,
body.luxury-signup,
body.sea-trade-ui{
  background-attachment:scroll!important;
}
.hub-glow,
.hub-scene i,
.hub-orbit,
.hub-orbit.is-slow,
.hub-orbit-dot{
  animation:none!important;
}
body.member-portal .hub-glow{
  filter:none!important;
}
@media (hover:hover) and (pointer:fine){
  .hub-menu-item:hover .hub-orbit,
  .hub-menu-item:hover .hub-orbit.is-slow,
  .hub-menu-item:hover .hub-orbit-dot{
    animation:hubIcoSpin 5.5s linear infinite!important;
  }
  .hub-menu-item:hover .hub-orbit.is-slow{
    animation-direction:reverse!important;
    animation-duration:8.5s!important;
  }
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}