/* FolmioX V4.9.9 FIX1 — immersive visual correction
   The scenic illustration is decorative; ALL text, buttons, login, language and links are live DOM.
   The dark safe zones conceal lettering baked into the approved art reference.
   Theme selection only changes focused accents/lighting, never hue-rotates the picture or UI. */
#authGate{--fx-scene-glow:rgba(97,68,240,.24)}
#authGate[data-gateway-scene="terra"]{--fx-scene-glow:rgba(24,218,166,.23)}
#authGate[data-gateway-scene="aurora"]{--fx-scene-glow:rgba(38,134,251,.26)}
#authGate[data-gateway-scene="nexus"]{--fx-scene-glow:rgba(131,70,252,.27)}
#authGate[data-gateway-scene="eclissi"]{--fx-scene-glow:rgba(231,71,146,.22)}
#authGate[data-gateway-scene="origini"]{--fx-scene-glow:rgba(244,173,61,.20)}
#authGate:not(.hidden){background:#040717!important}
#authGate .auth-gate-shell{
  min-height:100svh!important;
  background:#05081b url('/assets/fx4991-approved-scene.webp') center center/cover no-repeat!important;
  filter:none!important;
}
#authGate .auth-gate-shell::before{
  content:""!important;position:absolute!important;z-index:0!important;inset:0!important;pointer-events:none!important;
  background:
    linear-gradient(90deg,#030819fa 0%,#030819f7 19%,#020718e5 29%,#03091694 37%,transparent 47%,transparent 67%,#04102657 80%,#040d2792 100%),
    linear-gradient(180deg,transparent 0%,transparent 68%,#03081ac7 89%,#03081af7 100%)!important;
  opacity:1!important;
}
#authGate .auth-gate-shell::after{content:""!important;position:absolute!important;z-index:0!important;inset:0!important;width:auto!important;height:auto!important;left:0!important;top:0!important;transform:none!important;border-radius:0!important;filter:none!important;
 background:radial-gradient(ellipse at 54% 47%,var(--fx-scene-glow),transparent 49%)!important;
 opacity:1!important;transition:background .45s ease!important;animation:none!important;
}
#authGate .fx499-scene-atmosphere{position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none;opacity:.54!important;
 background:radial-gradient(circle at 56% 40%,var(--fx-scene-glow),transparent 44%)!important;animation:fx4991-pulse 11s ease-in-out infinite alternate!important;transition:background .45s ease!important;}
#authGate .fx4981-cosmos{display:none!important;background:none!important;animation:none!important;filter:none!important}
#authGate .auth-gate-top{position:relative!important;z-index:5!important;width:100%!important;max-width:none!important;padding:clamp(18px,2.4vw,31px) clamp(25px,4.9vw,86px)!important}
#authGate .auth-gate-brand img{height:58px!important;width:58px!important;filter:drop-shadow(0 0 13px #397cfb88)!important}
#authGate .auth-gate-brand strong{font-size:clamp(24px,2vw,34px)!important}
#authGate .auth-gate-main.fx498-gateway-main{
  position:relative!important;z-index:3!important;flex:1!important;width:100%!important;max-width:none!important;min-height:0!important;
  grid-template-columns:minmax(0,1fr) minmax(390px,29vw)!important;
  align-items:center!important;gap:clamp(20px,3vw,55px)!important;
  padding:clamp(15px,2vh,25px) clamp(30px,4.8vw,83px) clamp(95px,10vh,125px)!important;
}
#authGate .fx498-gateway-copy{z-index:4!important;max-width:695px!important;min-height:0!important;align-self:center!important;padding:10px 0 35px!important;margin:-10px 0 0!important}
#authGate .fx498-gateway-copy .auth-kicker{font-size:clamp(9px,.7vw,12px)!important;letter-spacing:.21em!important;color:#7df7ff!important;white-space:normal}
#authGate .fx498-gateway-copy h1{font-size:clamp(58px,5.15vw,90px)!important;line-height:1.02!important;letter-spacing:-.055em!important;max-width:650px!important;margin:15px 0 19px!important;text-shadow:0 4px 20px #000d!important}
#authGate .fx498-gateway-copy h1 em{display:block!important;font-size:1em!important;background:linear-gradient(100deg,#28e9f7,#4eabff 48%,#b869ff)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important}
#authGate .fx498-gateway-copy>p{font-size:clamp(19px,1.8vw,28px)!important;color:#e1e9fe!important;max-width:660px!important;text-shadow:0 2px 15px #000!important}
#authGate .fx498-features{margin-top:clamp(24px,3vh,40px)!important;gap:11px!important;flex-wrap:nowrap!important;max-width:720px!important}
#authGate .fx498-features>div{flex:1 1 0!important;min-width:0!important;max-width:none!important;min-height:101px!important;padding:15px 12px!important;gap:10px!important;
 background:linear-gradient(135deg,#061635ec,#101e43e8)!important;border:1px solid #60b4ff75!important;border-radius:19px!important;backdrop-filter:blur(12px)}
#authGate .fx498-features>div i{width:43px!important;height:43px!important;flex-basis:43px!important;border-radius:50%!important}
#authGate .fx498-features strong{font-size:clamp(12px,.85vw,16px)!important}
#authGate .fx498-features small{font-size:clamp(9px,.65vw,12px)!important;line-height:1.3!important}
#authGate .fx498-login-card{position:relative!important;z-index:8!important;justify-self:end!important;align-self:center!important;transform:none!important;
 width:100%!important;max-width:500px!important;min-width:0!important;
 padding:clamp(30px,3.1vw,49px)!important;margin:-7px 0 0!important;
 background:linear-gradient(155deg,#1d3874ef,#091c49f7 58%,#091335f7)!important;
 box-shadow:inset 0 1px #ffffff3e,0 24px 80px #01071dca,0 0 31px #3879f22a!important;
 border:1px solid #82c9ffbe!important;border-radius:27px!important;backdrop-filter:blur(24px)!important}
#authGate .fx498-login-card .auth-mark-wrap{width:97px!important;height:97px!important;margin:0 auto 20px!important}
#authGate .fx498-login-card .auth-mark-wrap img{width:100%!important;height:100%!important;object-fit:contain!important}
#authGate .fx498-login-card h2{font-size:clamp(26px,2vw,34px)!important}
#authGate .fx498-login-card>p{font-size:clamp(13px,.95vw,16px)!important;margin-bottom:26px!important}
#authGate .fx498-login-card .auth-primary{background:linear-gradient(100deg,#0be5f8 0%,#51baff 46%,#9253fb 100%)!important;color:#05132b!important;border:1px solid #69e2ffad!important}
#authGate .fx498-login-card .auth-secondary{border:1px solid #85b3ff94!important;background:#071b42e8!important}
#authGate .fx499-scene-selector{position:absolute!important;z-index:12!important;bottom:clamp(12px,2vh,24px)!important;left:0!important;right:0!important;margin:0 auto!important;padding:5px 10px 10px!important;gap:clamp(9px,1.3vw,26px)!important;
 width:max-content!important;max-width:100%!important;background:linear-gradient(90deg,transparent,#030c29c9 24%,#030c29c9 76%,transparent)!important}
#authGate .fx499-scene-choice{min-width:65px!important;min-height:82px!important;gap:7px!important}
#authGate .fx499-scene-choice .fx499-orb{width:39px!important;height:39px!important}
#authGate .fx499-scene-choice[aria-pressed="true"]{background:transparent!important}
#authGate .fx499-scene-choice[aria-pressed="true"] .fx499-orb{outline:2px solid var(--fx499-cyan)!important;box-shadow:0 0 26px var(--fx499-cyan),inset -6px -6px 12px #0008!important}
@keyframes fx4991-pulse{0%{opacity:.32}100%{opacity:.65}}
@media(min-width:1700px){#authGate .fx498-gateway-copy{max-width:760px!important}#authGate .fx498-gateway-copy h1{font-size:clamp(76px,4.8vw,100px)!important}#authGate .fx498-login-card{max-width:535px!important}}
@media(max-width:1100px){
 #authGate .auth-gate-main.fx498-gateway-main{grid-template-columns:minmax(0,1fr) minmax(315px,42vw)!important;padding:15px 24px 95px!important;gap:16px!important}
 #authGate .fx498-gateway-copy h1{font-size:clamp(40px,5.7vw,68px)!important}
 #authGate .fx498-features{gap:6px!important;flex-wrap:wrap!important}
 #authGate .fx498-features>div{flex:1 1 125px!important;min-height:66px!important;padding:9px!important}
 #authGate .fx498-login-card{padding:23px!important}
}
@media(max-width:760px){
 #authGate .auth-gate-shell{min-height:100svh!important;height:auto!important;background-position:52% 45%!important;background-size:auto 100%!important}
 #authGate .auth-gate-shell::before{background:linear-gradient(180deg,#03091aab 0%,#03091a9d 25%,#03091bd6 47%,#03091bfa 95%)!important}
 #authGate .auth-gate-shell::after{background:radial-gradient(ellipse at 50% 20%,var(--fx-scene-glow),transparent 51%)!important}
 #authGate .auth-gate-top{padding:14px 17px!important}
 #authGate .auth-gate-brand img{width:42px!important;height:42px!important}
 #authGate .auth-gate-main.fx498-gateway-main{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:20px 17px 14px!important;min-height:0!important}
 #authGate .fx498-gateway-copy{width:100%!important;margin:0!important;max-width:600px!important;padding:14px 0 5px!important;text-align:center!important}
 #authGate .fx498-gateway-copy h1{font-size:clamp(38px,10vw,58px)!important;white-space:normal!important;margin:10px auto 13px!important}
 #authGate .fx498-gateway-copy h1 em{white-space:normal!important}
 #authGate .fx498-gateway-copy>p{font-size:clamp(14px,3.65vw,20px)!important}
 #authGate .fx498-features{margin-top:20px!important;gap:6px!important}
 #authGate .fx498-features>div{min-height:57px!important;padding:7px!important;flex:1 1 95px!important;border-radius:13px!important}
 #authGate .fx498-features>div i{display:none!important}
 #authGate .fx498-features strong{font-size:11px!important}
 #authGate .fx498-features small{font-size:9px!important}
 #authGate .fx498-login-card{width:min(100%,490px)!important;margin:6px auto!important;max-width:none!important;padding:21px!important;border-radius:22px!important}
 #authGate .fx498-login-card .auth-mark-wrap{width:70px!important;height:70px!important;margin-bottom:12px!important}
 #authGate .fx498-login-card h2{font-size:24px!important}
 #authGate .fx498-login-card>p{font-size:13px!important;margin-bottom:14px!important}
 #authGate .fx498-login-card .btn{min-height:50px!important}
 #authGate .fx499-scene-selector{position:relative!important;bottom:auto!important;width:100%!important;max-width:500px!important;gap:2px!important;padding:7px 6px 20px!important;background:#040e25d4!important;justify-content:space-around!important}
 #authGate .fx499-scene-choice{min-width:53px!important;min-height:70px!important;padding:4px!important}
 #authGate .fx499-scene-choice .fx499-orb{width:30px!important;height:30px!important}
}
@media(prefers-reduced-motion:reduce){#authGate .fx499-scene-atmosphere{animation:none!important}}