/* ========================================================================
   GOLASO FM26 WOW v11 — LANDING / AUTH PREMIUM POLISH
   Loaded last to preserve safe areas and prevent clipped branding.
   ======================================================================== */
:root{
  --l11-v:#9562ff;
  --l11-m:#ef4aa9;
  --l11-line:rgba(224,202,255,.20);
  --l11-panel:rgba(26,16,43,.97);
  --l11-grad:linear-gradient(105deg,var(--l11-v),var(--l11-m));
}
html,body,body.ld,#viewport{min-height:100vh!important;background:#080510!important}
body.ld{
  overflow-x:hidden!important;
  background:
    radial-gradient(1040px 430px at 51% 5%,rgba(149,98,255,.25),transparent 72%),
    radial-gradient(740px 330px at 8% 36%,rgba(239,74,169,.09),transparent 76%),
    linear-gradient(180deg,#0e071a 0%,#07040d 66%,#050309 100%)!important;
}
#viewport{overflow-x:hidden!important;overflow-y:visible!important;position:relative!important}
#ldstage{
  background:
    linear-gradient(180deg,rgba(8,5,16,.06),rgba(8,5,16,.72)),
    url('../img/game/fm26_violet_shell.svg') center/1935px 1080px no-repeat!important;
  box-shadow:0 34px 120px rgba(0,0,0,.60)!important;
}
#ldTopBar{
  height:60px!important;
  background:linear-gradient(180deg,rgba(35,21,55,.985),rgba(12,7,22,.94))!important;
  border-bottom:1px solid rgba(224,202,255,.16)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.32)!important;
  backdrop-filter:blur(18px) saturate(1.06)!important;
}
#ldTopBar::after{height:2px!important;background:linear-gradient(90deg,transparent 2%,var(--l11-v) 30%,var(--l11-m) 70%,transparent 98%)!important;opacity:.88!important;box-shadow:0 0 22px rgba(221,69,181,.25)!important}
img#ldLogoTxt{
  left:24px!important;top:11px!important;height:32px!important;width:auto!important;max-width:none!important;
  filter:drop-shadow(0 7px 15px rgba(0,0,0,.48)) saturate(1.05)!important;
}
#ldLogoHit{left:20px!important;top:7px!important;width:182px!important;height:40px!important}
#ldNav{left:222px!important;height:50px!important;gap:38px!important}
#ldNav a{color:#b4a8bf!important;font-weight:750!important;letter-spacing:1.7px!important;padding-top:17px!important}
#ldNav a:hover,#ldNav a.is-active{color:#fff!important}
#ldNav a.is-active::after{bottom:4px!important;height:2px!important;background:var(--l11-grad)!important;box-shadow:0 0 16px rgba(239,74,169,.34)!important}
#ldNavR{height:50px!important}

/* Hero logo safe zone */
#ldHeroLogo{
  left:735px!important;
  top:20px!important;
  width:390px!important;
  height:auto!important;
  max-width:none!important;
  transform:none!important;
  filter:drop-shadow(0 14px 28px rgba(0,0,0,.50)) saturate(1.05)!important;
}
#ldHeroTag{left:730px!important;top:139px!important;width:400px!important;color:#d0c4da!important;letter-spacing:3.2px!important}
#ldBallFx{left:730px!important;top:10px!important;width:400px!important}

/* Presenter safe zone: entire head and shoulders stay inside the stage */
#ldstage .ld-presenter{
  left:36px!important;
  bottom:0!important;
  width:216px!important;
  height:742px!important;
  overflow:visible!important;
}
#ldstage .ld-presenter .ld-pres-fig{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:bottom center!important;
  filter:drop-shadow(0 22px 32px rgba(0,0,0,.48)) brightness(1.10) contrast(1.035)!important;
}
#ldstage .ld-presenter>div:first-child{width:284px!important;height:540px!important;top:45%!important;opacity:.78!important}
#ldstage .ld-presenter .ld-pres-sign{
  left:4px!important;
  top:29.5%!important;
  transform:rotate(-3deg)!important;
  background:linear-gradient(160deg,rgba(43,27,68,.98),rgba(14,9,27,.99))!important;
  border-color:rgba(224,202,255,.30)!important;
  box-shadow:0 15px 32px rgba(0,0,0,.52),0 0 24px rgba(149,98,255,.18)!important;
}

/* Authentication centre */
#ldHeroFade{left:548px!important;top:132px!important;width:840px!important;height:74px!important}
#ldAuthBg{
  left:575px!important;
  top:164px!important;
  width:760px!important;
  height:314px!important;
  border-radius:14px!important;
  background:
    linear-gradient(120deg,rgba(149,98,255,.075),transparent 36%),
    linear-gradient(108deg,rgba(42,27,66,.985),rgba(17,10,31,.992) 51%,rgba(31,17,50,.985))!important;
  border:1px solid rgba(224,202,255,.21)!important;
  box-shadow:0 34px 96px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(20px) saturate(1.02)!important;
}
#ldAuthBg::before{left:384px!important;background:linear-gradient(180deg,transparent,rgba(224,202,255,.15),transparent)!important}
#ldAuthBg::after{background:linear-gradient(90deg,var(--l11-v),rgba(224,202,255,.12) 49%,var(--l11-m))!important;opacity:.90!important}
#ldSign{left:588px!important;top:171px!important;width:369px!important}
#ldClub{left:970px!important;top:171px!important;width:351px!important}
.ld-ph{border-bottom-color:rgba(224,202,255,.14)!important}
.ld-ph b{color:#fff!important;letter-spacing:3.2px!important;text-shadow:0 7px 20px rgba(0,0,0,.28)!important}
.ld-hd{color:#fff!important}.ld-sub{color:#968aa3!important}
.ld-f input,.ld-f select{
  background:rgba(8,5,15,.82)!important;
  border-color:rgba(224,202,255,.20)!important;
  color:#faf7ff!important;
  border-radius:8px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
.ld-f input:focus,.ld-f select:focus{border-color:rgba(149,98,255,.72)!important;box-shadow:0 0 0 3px rgba(149,98,255,.13)!important}
.ld-btn,#btnSignin,#btnCreateSide{
  background:var(--l11-grad)!important;
  border-color:rgba(255,255,255,.14)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(185,53,177,.26),inset 0 1px 0 rgba(255,255,255,.20)!important;
}
.ld-socials .social{
  background:linear-gradient(180deg,rgba(50,32,78,.88),rgba(20,12,36,.96))!important;
  border-color:rgba(224,202,255,.17)!important;
  color:#d7ccdf!important;
}
.ld-socials .social:hover{border-color:rgba(239,74,169,.36)!important;background:rgba(149,98,255,.18)!important;color:#fff!important}

/* The lower page must never reveal a white canvas while the fixed stage scales. */
#ldMore,#ldBand,#ldFoot,body.ld::after{background-color:transparent!important}
#ldMore .ld-card,#ldBand{
  border-color:rgba(224,202,255,.17)!important;
  background:linear-gradient(180deg,rgba(40,25,63,.97),rgba(14,8,26,.995))!important;
  box-shadow:0 20px 58px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#ldMore .ld-card:hover{border-color:rgba(234,216,255,.29)!important;box-shadow:0 28px 72px rgba(0,0,0,.48)!important}

@media(max-width:1500px){
  #ldstage .ld-presenter{left:28px!important;width:205px!important;height:720px!important}
  #ldHeroLogo{left:730px!important;width:380px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}}