/* v25 — modal de login mais escuro e menos transparente,
   mantendo o padrão visual do Stark TV novo. */

#loginGate .login-card{
  position:relative!important;
  z-index:3!important;
  background:
    linear-gradient(180deg, rgba(34,12,20,.12) 0%, rgba(12,10,14,.04) 20%, rgba(7,7,10,.975) 100%),
    rgba(7,7,10,.955)!important;
  border:1px solid rgba(233,182,41,.68)!important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.72),
    0 8px 24px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 0 36px rgba(201,39,84,.12)!important;
  backdrop-filter: blur(7px) saturate(1.02)!important;
  -webkit-backdrop-filter: blur(7px) saturate(1.02)!important;
}

#loginGate .login-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:
    radial-gradient(circle at 50% 0%, rgba(214,55,109,.14), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.03) 30%, rgba(0,0,0,.12) 100%)!important;
  pointer-events:none!important;
}

#loginGate .login-card::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), inset 0 -18px 30px rgba(0,0,0,.10);
  pointer-events:none;
}

#loginGate .login-logo,
#loginGate #loginTitle,
#loginGate #loginSubtitle,
#loginGate .login-card label,
#loginGate .login-error,
#loginGate .login-mode-toggle,
#loginGate .login-submit,
#loginGate .login-card input{
  position:relative;
  z-index:1;
}

#loginGate .login-card > p{
  color:#d0d0d7!important;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
}

#loginGate .login-card label{
  color:#f2f2f4!important;
  text-shadow:0 1px 1px rgba(0,0,0,.35);
}

#loginGate .login-card input{
  background:rgba(8,10,15,.92)!important;
  border:1px solid rgba(99,92,108,.70)!important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}

#loginGate .login-card input::placeholder{
  color:#8d9098!important;
}

#loginGate .login-card input:focus{
  border-color:rgba(236,183,34,.92)!important;
  box-shadow:0 0 0 3px rgba(224,174,17,.13), inset 0 1px 0 rgba(255,255,255,.03)!important;
}

#loginGate .login-submit{
  box-shadow:0 12px 28px rgba(224,174,17,.22)!important;
}

#loginGate .login-mode-toggle{
  color:#f0c645!important;
}

#loginGate .login-mode-toggle:hover,
#loginGate .login-mode-toggle:focus-visible{
  color:#ffe070!important;
}

@media (max-width: 560px){
  #loginGate .login-card,
  #loginGate .login-card.admin-mode{
    background:
      linear-gradient(180deg, rgba(34,12,20,.10) 0%, rgba(10,10,14,.03) 18%, rgba(7,7,10,.98) 100%),
      rgba(7,7,10,.965)!important;
    box-shadow:
      0 20px 56px rgba(0,0,0,.74),
      0 0 24px rgba(201,39,84,.10)!important;
  }
}