@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,6,20,.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:5.6rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 1rem 0 1.1rem;
  box-sizing:border-box;
  z-index:4;
}
.l7-login-logo{
  display:block;
  height:4.4rem;
  width:auto;
  max-width:20rem;
  object-fit:contain;
  object-position:left center;
  background:transparent!important;
  mix-blend-mode:normal;
  filter:drop-shadow(0 .15rem .4rem rgba(0,0,0,.35));
}

.l7-login-x{
  width:3.55rem;
  height:3.55rem;
  border:0;
  border-radius:50%;
  background:#3d3d4c;
  color:#f0f0f0;
  font-size:1.9rem;
  line-height:1;
  cursor:pointer;
  box-shadow:0 .25rem .9rem rgba(0,0,0,.4);
  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:7.4rem;
  bottom:0;
  width:100%;
  background:#221e3c!important;
  border:0;
  border-top:.1rem solid #6a58d6;
  border-radius:1.8rem 1.8rem 0 0;
  box-shadow:none;
  padding:2.3rem 1.8rem 2.15rem;
  box-sizing:border-box;
  overflow:auto;
}
.l7-login.is-open .l7-login-card.is-active{
  display:block;
  background:#221e3c!important;
}

.l7-login-title{
  margin:0 0 .55rem;
  font-size:2.05rem;
  font-weight:800;
  color:#f2f0f6;
  letter-spacing:-.03em;
  line-height:1.2;
}
.l7-login-sub{
  margin:0 0 1.75rem;
  font-size:1.32rem;
  color:#b6b0c8;
  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.1rem;
  border:.1rem solid #6a58d6;
  border-radius:1rem;
  background:#16132b;
  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:#6a6484;
  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:#8a85a4;
  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:.05rem 0 1.55rem;
  gap:.8rem;
}
.l7-check{
  display:flex;
  align-items:center;
  gap:.65rem;
  color:#c4bed4;
  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:#7b3dff;
  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:#c4bed4;
  font-size:1.24rem;
  font-weight:600;
  font-family:inherit;
  cursor:pointer;
  padding:0;
  white-space:nowrap;
}

.l7-captcha{
  margin:0 0 1.1rem;
  width:100%;
}
.l7-cf{
  width:100%;
  max-width:none;
  height:4.75rem;
  min-height:0;
  display:flex;
  align-items:center;
  gap:.85rem;
  padding:0 1.1rem;
  border:.1rem solid #6a58d6;
  border-radius:1rem;
  background:#16132b;
  color:#fff;
  font-family:inherit;
  cursor:pointer;
  box-sizing:border-box;
  text-align:left;
  box-shadow:none;
}
.l7-cf-box{
  width:2.2rem;
  height:2.2rem;
  border:.2rem solid #c8c8c8;
  border-radius:.25rem;
  background:#fff;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.l7-cf-spin,.l7-cf-check{display:none}
.l7-cf.is-wait .l7-cf-check{display:none!important}
.l7-cf.is-wait .l7-cf-spin{
  display:block;
  width:1.6rem;
  height:1.6rem;
  border:.22rem solid #d0d0d0;
  border-top-color:#f6821f;
  border-radius:50%;
  animation:l7cfspin .7s linear infinite;
}
.l7-captcha.is-ok .l7-cf-box{
  border-color:#00a86b;
  background:#fff;
}
.l7-captcha.is-ok .l7-cf-check{
  display:block;
  color:#00a86b;
  font-size:1.8rem;
  font-weight:800;
  line-height:1;
}
.l7-cf-text{
  flex:1;
  font-size:1.32rem;
  font-weight:500;
  color:#eee;
}
.l7-cf-brand{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:.08rem;
  color:#8a85a4;
  font-size:.72rem;
  line-height:1.1;
  flex-shrink:0;
}
.l7-cf-brand svg{width:5.4rem;height:1.7rem}
.l7-captcha.is-need .l7-cf{
  outline:.15rem solid #f6821f;
}
@keyframes l7cfspin{to{transform:rotate(360deg)}}

.l7-entrar{
  width:100%;
  height:4.7rem;
  border:0!important;
  border-radius:2.5rem;
  background:linear-gradient(180deg,#6e55ef 0%,#5340d4 48%,#3d2bb0 100%)!important;
  color:#cfcbe3!important;
  font-size:1.65rem;
  font-weight:700;
  font-family:inherit;
  cursor:pointer;
  box-shadow:inset 0 .14rem 0 rgba(255,255,255,.2), inset 0 -.18rem 0 rgba(0,0,0,.28)!important;
  letter-spacing:.01em;
}

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