*{margin:0;padding:0;box-sizing:border-box}
.container-background-cover{position:absolute;top:0;left:0;height:100vh;width:100%;background-image:url(../../assets/img/icons/logo-q.png)!important;background-size:cover;background-position:50% 90%;background-repeat:no-repeat;opacity:.15}
body{height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}
.login-container{background:rgba(255,255,255,.5);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:15px;min-width:500px;box-shadow:0 15px 35px rgba(0,0,0,.2);z-index:10}
.login-container .btn-show-psw{border:none;background-color:transparent;padding:7px 8px!important}
.login-title{color:#e0e0e0;text-align:center;font-size:24px;font-weight:300;margin-bottom:30px;letter-spacing:2px}
.input-group{margin-bottom:20px}
.input-field{width:100%;padding:12px 16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#e0e0e0;font-size:14px;transition:all .3s ease}
.input-field:focus{outline:0;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.12)}
.input-field::placeholder{color:rgba(255,255,255,.5)}
.login-btn{background:linear-gradient(45deg,#5239d0,#4765e3);border:none;border-radius:8px;color:#fff!important;font-size:18px;font-weight:700;padding:15px!important}
.login-btn:hover{background:linear-gradient(45deg,#5239d0,#4765e3);transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,.3)}
@keyframes slideRight{
0%,100%{transform:translateX(-100%);opacity:0}
50%{transform:translateX(0);opacity:1}
}
@keyframes slideLeft{
0%,100%{transform:translateX(100%);opacity:0}
50%{transform:translateX(0);opacity:1}
}
.imf-back{position:absolute;top:0;height:100vh;filter:grayscale(100%);opacity:.5}
@media (max-width:600px){
.login-container{min-width:auto!important;width:95%;margin:auto}
}
.text-login{
    :root[data-bs-theme="dark"] & {
      color: #ffffff !important;
  }
}