:root{
  --overlay: rgba(0,0,0,.45);
  --card-bg: rgba(255,255,255,.88);
  --blur: 10px;
}
*{box-sizing:border-box}
.login-body{position:relative; min-height:100vh; overflow:hidden;}
.bg-cover{
  position:fixed; inset:0;
  background-image:url('../img/login-bgx.jpg');
  background-size:cover; background-position:center; filter:brightness(.9);
  transform:scale(1.02);
}
.overlay{ position:fixed; inset:0; background:var(--overlay); }
.login-card{
  width:100%; max-width:420px;
  background: var(--card-bg);
  backdrop-filter: blur(var(--blur));
  -webkit-backdrop-filter: blur(var(--blur));
  border:1px solid rgba(255,255,255,.45);
  border-radius:1rem;
  padding:1.25rem 1.25rem 1rem;
}
.opacity-90{opacity:.9}
.input-group-text{background:rgba(255,255,255,.7)}
.btn-outline-secondary{background:rgba(255,255,255,.6)}
@media (max-width: 576px){
  .login-card{max-width: 96vw;}
}