@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

body.vita-clone.auth-open{
  overflow:hidden!important;
}

.l7-login{
  display:none;
  position:fixed;
  top:0;
  right:auto;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:51.6rem;
  height:100%;
  height:100dvh;
  z-index:20000;
  margin:0;
  box-sizing:border-box;
  background:rgba(8,10,16,.48);
  backdrop-filter:blur(12px) saturate(1.15);
  -webkit-backdrop-filter:blur(12px) saturate(1.15);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.l7-login.is-open{display:block}
body.vita-clone.auth-open .l7-login,
body.vita-clone.auth-open #l7Login{
  z-index:200200!important;
}

.l7-login-top{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:6.2rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 1.2rem 0 1.3rem;
  box-sizing:border-box;
  z-index:4;
  background:transparent;
}
.l7-login-logo{
  display:block;
  height:3.4rem;
  width:auto;
  max-width:16rem;
  object-fit:contain;
  object-position:left center;
  background:transparent!important;
  mix-blend-mode:normal;
  filter:none;
}

.l7-login-x{
  width:3.4rem;
  height:3.4rem;
  border:0;
  border-radius:50%;
  background:#3a3a45;
  color:#f0f0f0;
  font-size:1.85rem;
  line-height:1;
  cursor:pointer;
  box-shadow:0 .2rem .7rem rgba(0,0,0,.45);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 0 .12rem;
  font-family:inherit;
  flex-shrink:0;
}

.l7-login-card{
  display:none;
  position:absolute;
  left:0;
  right:0;
  top:6.2rem;
  bottom:0;
  width:100%;
  background:#161b28!important;
  border:0;
  border-top:.12rem solid #3d5f8f;
  border-radius:1.8rem 1.8rem 0 0;
  box-shadow:0 -.2rem 1.6rem rgba(45,100,180,.18);
  padding:2.4rem 1.9rem 2.2rem;
  box-sizing:border-box;
  overflow:auto;
}
.l7-login.is-open .l7-login-card.is-active{
  display:block;
  background:#161b28!important;
}

.l7-login-title{
  margin:0 0 .55rem;
  font-size:2.1rem;
  font-weight:800;
  color:#ffffff;
  letter-spacing:-.03em;
  line-height:1.2;
}
.l7-login-sub{
  margin:0 0 1.85rem;
  font-size:1.32rem;
  color:#c8cdd8;
  font-weight:500;
}
.l7-login-sub button{
  border:0;
  background:none;
  padding:0;
  color:#f5c542;
  font-weight:800;
  font-size:1.32rem;
  font-family:inherit;
  cursor:pointer;
}

.l7-field{
  display:flex;
  align-items:center;
  width:100%;
  height:4.75rem;
  margin:0 0 1.15rem;
  border:.1rem solid #2a3348;
  border-radius:1rem;
  background:#10151f;
  box-sizing:border-box;
}
.l7-ddi{
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:0 .95rem 0 1.1rem;
  color:#fff;
  font-size:1.38rem;
  font-weight:700;
  flex-shrink:0;
}
.l7-ddi svg{
  width:2rem;
  height:2rem;
  border-radius:50%;
  display:block;
}
.l7-sep{
  width:.08rem;
  height:2.05rem;
  background:#3a455c;
  flex-shrink:0;
}
.l7-field > svg{
  width:1.8rem;
  height:1.8rem;
  margin:0 0 0 1.1rem;
  flex-shrink:0;
}
.l7-field input{
  flex:1;
  height:100%;
  border:0;
  background:transparent;
  color:#fff;
  font-size:1.42rem;
  font-family:inherit;
  outline:none;
  padding:0 1rem;
  min-width:0;
  font-weight:500;
}
.l7-field input::placeholder{
  color:#7d8599;
  font-weight:500;
}
.l7-field .eye{
  border:0;
  background:transparent;
  padding:0 1.1rem;
  cursor:pointer;
  display:flex;
  align-items:center;
}
.l7-field .eye svg{width:1.85rem;height:1.85rem}

.l7-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:.15rem 0 1.65rem;
  gap:.8rem;
}
.l7-check{
  display:flex;
  align-items:center;
  gap:.65rem;
  color:#d5dae6;
  font-size:1.24rem;
  font-weight:600;
  cursor:pointer;
}
.l7-check input{
  appearance:none;
  -webkit-appearance:none;
  width:1.75rem;
  height:1.75rem;
  margin:0;
  border:0;
  border-radius:.36rem;
  background:#2f6fb8;
  cursor:pointer;
  position:relative;
  flex-shrink:0;
}
.l7-check input:checked::after{
  content:"";
  position:absolute;
  left:.38rem;
  top:.24rem;
  width:.66rem;
  height:.36rem;
  border:solid #fff;
  border-width:0 0 .22rem .22rem;
  transform:rotate(-45deg);
}
.l7-forgot{
  border:0;
  background:none;
  color:#d5dae6;
  font-size:1.24rem;
  font-weight:600;
  font-family:inherit;
  cursor:pointer;
  padding:0;
  white-space:nowrap;
}

/* Captcha oculto — layout igual ao SS33 (sem bloco “humano”) */
.l7-captcha{
  display:none!important;
  margin:0;
  width:0;
  height:0;
  overflow:hidden;
  pointer-events:none;
}

.l7-entrar{
  width:100%;
  height:4.7rem;
  border:0!important;
  border-radius:1.15rem;
  background:#2d5f9a!important;
  color:#ffffff!important;
  font-size:1.7rem;
  font-weight:700;
  font-family:inherit;
  cursor:pointer;
  box-shadow:none!important;
  letter-spacing:.01em;
}
.l7-entrar:active{
  background:#255384!important;
}

@media (max-width:515px){
  .l7-login{
    left:0;
    transform:none;
    max-width:100%;
  }
}