/* v40.31.36 — exact official login logo + premium background polish */

#authGate.auth-gate{
  position:fixed!important;inset:0!important;z-index:20000!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:10px!important;overflow:auto!important;
  padding:28px 18px!important;
  background:
    linear-gradient(90deg,rgba(1,4,7,.18) 0%,rgba(1,4,7,.34) 18%,rgba(2,5,8,.70) 34%,
    rgba(2,5,8,.79) 50%,rgba(2,5,8,.70) 66%,rgba(1,4,7,.34) 82%,rgba(1,4,7,.18) 100%),
    url('/assets/fourcolor/fcc-login-premium-background-v403136.webp') center/cover no-repeat fixed!important;
}
#authGate.auth-gate.hidden{display:none!important}

.fcc-login-official-brand-v403136{
  position:relative!important;z-index:3!important;display:flex!important;
  flex-direction:column!important;align-items:center!important;justify-content:center!important;
  width:min(760px,86vw)!important;margin:0 auto 3px!important;pointer-events:none!important;
  filter:drop-shadow(0 12px 28px rgba(0,0,0,.72))!important;
}
.fcc-login-official-brand-v403136 img{
  display:block!important;width:min(560px,72vw)!important;max-height:185px!important;
  object-fit:contain!important;object-position:center!important;border:0!important;background:transparent!important;
}
.fcc-login-tagline-v403136{
  margin-top:-7px!important;color:#dbe3ee!important;font-size:10px!important;font-weight:850!important;
  letter-spacing:.14em!important;text-transform:uppercase!important;text-shadow:0 2px 12px rgba(0,0,0,.9)!important;
}

#authGate .auth-shell-v4011{
  position:relative!important;z-index:3!important;display:block!important;
  width:min(520px,calc(100vw - 32px))!important;max-width:520px!important;min-height:0!important;
  margin:0 auto!important;border:0!important;border-radius:16px!important;background:transparent!important;
  box-shadow:none!important;overflow:visible!important;
}
#authGate .auth-showcase-v4011{display:none!important}
#authGate .auth-card-v4011{
  width:100%!important;box-sizing:border-box!important;padding:27px 31px 25px!important;
  border:1px solid rgba(220,55,126,.56)!important;border-radius:15px!important;
  background:linear-gradient(150deg,rgba(7,15,24,.96),rgba(2,7,12,.96))!important;
  box-shadow:0 25px 90px rgba(0,0,0,.60),inset 0 1px 0 rgba(255,255,255,.035),
    -1px 0 0 rgba(0,184,233,.25),1px 0 0 rgba(255,205,25,.22)!important;
  backdrop-filter:blur(12px)!important;
}
#authGate .auth-mobile-brand{display:none!important}
#authGate .hero-kicker{
  display:block!important;margin-bottom:7px!important;color:#66dcff!important;text-align:center!important;
  font-size:8px!important;letter-spacing:.13em!important;
}
#authGate .auth-card h1{
  margin:0 0 5px!important;color:#fff!important;text-align:center!important;font-size:27px!important;
  letter-spacing:-.03em!important;
}
#authGate .auth-card>div>p{
  margin:0 0 20px!important;text-align:center!important;color:#91a2b7!important;font-size:11px!important;
}
#authGate .auth-card .input{background:#07111b!important;border-color:#26374b!important}
#authGate .auth-primary-cta{
  border:0!important;background:linear-gradient(90deg,#00aeea 0%,#d82f79 48%,#ffd21a 100%)!important;
  color:#05070b!important;font-weight:950!important;box-shadow:0 8px 24px rgba(216,47,121,.15)!important;
}
#authGate .auth-secondary-cta{border-color:rgba(216,47,121,.56)!important;background:rgba(5,11,18,.72)!important}
#authGate .auth-price-note{color:#75899f!important}
#authGate .auth-price-note span{background:#28d995!important;box-shadow:0 0 10px rgba(40,217,149,.55)!important}

/* Let the refreshed unique tab artwork show with more presence. */
body:not(:has(#authGate:not(.hidden))) .app::before{
  opacity:.94!important;filter:saturate(1.05) contrast(1.05)!important;
}
body:not(:has(#authGate:not(.hidden))) .app::after{
  background:linear-gradient(90deg,rgba(2,5,8,.06) 0%,rgba(2,5,8,.12) 13%,rgba(3,6,9,.69) 25%,
    rgba(3,6,9,.91) 35%,rgba(3,6,9,.92) 65%,rgba(3,6,9,.69) 75%,rgba(2,5,8,.12) 87%,
    rgba(2,5,8,.06) 100%)!important;
}
body:not(:has(#authGate:not(.hidden))) .main{background:rgba(3,6,9,.75)!important}

@media(max-width:900px){
  #authGate.auth-gate{padding:20px 13px!important;background-position:center!important}
  .fcc-login-official-brand-v403136{width:min(620px,90vw)!important}
  .fcc-login-official-brand-v403136 img{width:min(470px,82vw)!important;max-height:150px!important}
  #authGate .auth-card-v4011{padding:24px 23px!important}
}
@media(max-width:560px){
  #authGate.auth-gate{
    justify-content:flex-start!important;padding-top:22px!important;
    background:linear-gradient(rgba(2,5,8,.78),rgba(2,5,8,.94)),
      url('/assets/fourcolor/fcc-login-premium-background-v403136.webp') center top/cover no-repeat!important;
  }
  .fcc-login-official-brand-v403136 img{width:min(390px,88vw)!important;max-height:125px!important}
  .fcc-login-tagline-v403136{font-size:8px!important}
  #authGate .auth-card-v4011{padding:22px 18px 24px!important}
}