/* Auth pages (login, 2FA, reset) no padrão ABGR */

:root{
  --abgr-bg: #010626;
  --abgr-primary: #031F73;
  --abgr-accent: #11DDF5;
  --abgr-text: #FFFFFF;
  --abgr-cta: #F24738;
}

/*
  Fundo
  A imagem fica no .limiter (main.css). Aqui usamos apenas um "overlay" sem cobrir a imagem.
*/
.container-login100{
  background:
    radial-gradient(1200px 600px at 20% 20%, rgba(17,221,245,.18), rgba(1,6,38,0)),
    radial-gradient(900px 500px at 80% 60%, rgba(242,71,56,.14), rgba(1,6,38,0)),
    rgba(1,6,38,.62) !important;
  backdrop-filter: blur(2px);
}

/* Card */
.wrap-login100{
  background: rgba(3,31,115,.20) !important;
  border: 1px solid rgba(17,221,245,.18);
  border-radius: 18px;
  box-shadow: 0 16px 50px rgba(0,0,0,.35);
}

/* Títulos */
.login100-form-title{
  color: var(--abgr-text) !important;
}

/* Inputs */
.wrap-input100{
  border-bottom: 1px solid rgba(255,255,255,.25) !important;
}
.input100{
  color: var(--abgr-text) !important;
}
.focus-input100::after{
  color: rgba(255,255,255,.75) !important;
}
.focus-input100::before{
  background: var(--abgr-accent) !important;
}

/* Botão principal */
.login100-form-bgbtn{
  background: linear-gradient(90deg, var(--abgr-cta), #ff6b5f) !important;
}
.login100-form-btn{
  color: var(--abgr-text) !important;
}

/* Links */
.text2, .text-link, a{
  color: var(--abgr-accent) !important;
}
.text2:hover, .text-link:hover, a:hover{
  filter: brightness(1.05);
}

/* Mensagens */
.alert{
  border-radius: 14px;
}

/* Placeholder */
input::placeholder{ color: rgba(255,255,255,.55) !important; }