/* container centralizado */
body {
  margin: 0; 
  padding: 0;
  width: 100vw; 
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #000; 
  overflow: hidden;
}

@media only screen and (max-width: 600px) {
  body {
    margin-top: -40px;
  }
}


.container {
  height: calc(100vh);
  max-height: 100vh;
  overflow: hidden;
  position: relative;
  /* Largura será definida pelo JavaScript */
}



.wrapper {
  position: absolute;
  width: 1196px; 
  height: 1924px; /* Mesma altura do wrapper do dash.html */
  transform-origin: top left;
  /* O wrapper será posicionado pelo JavaScript */
  top: 0;
  left: 0;
}

/* BACKGROUND & BLURS */
.rectangle2 {
  position: absolute; width: 1080px; height: 1924px; left: 59px; top: 1px;
  background: linear-gradient(180deg, #1A1A1A 0%, #000000 100%);
}
.logo-blur {
  position: absolute;
  width: 1080px;
  height: 1057px;
  left: 58px;
  top: 434px;
  background: url('../assets/LOGO-KS-VISION (1) 2.png') no-repeat center;
  background-size: contain;
  opacity: 0.2;
  filter: blur(15.05px);
}
.rectangle118 {
  position: absolute; width: 1040px; height: 1340px; left: 81px; top: 551px;
  background: linear-gradient(90deg, #000000 0%, #8A8A8A 100%);
  opacity: 0.15; filter: blur(2px); border-radius: 20px;
}

/* LOGO PRINCIPAL */
.logo-big {
  position: absolute; width: 434px; height: 434px;
  left: 382px; top: 78px;
  background: url('../assets/LOGO-KS-VISION (1) 2.png') no-repeat center/cover;
}

/* TÍTULO ENTRAR + ÍCONE */
.user-icon {
  position: absolute; width: 44px; height: 44px;
  left: 134px; top: 627px;
  background: url('../assets/user (1).png') no-repeat center/cover;
}
.entrar-heading {
  position: absolute; left: 198px; top: 627px;
  font-family: 'Instrument Sans', sans-serif;
  font-weight: 700; font-size: 40px; line-height: 49px;
  color: #fff;
}

/* EMAIL (agora um input) */
.email-label {
  position: absolute; left: 134px; top: 722px;
  font-family: 'Inter', sans-serif; font-weight: 700;
  font-size: 24px; line-height: 29px; color: #fff;
}
input.rectangle3 {
  position: absolute; left: 134px; top: 765px;
  width: 929px; height: 82px;
  border: 3px solid #828C8C; border-radius: 15px;
  background: transparent;
  font-family: 'Instrument Sans', sans-serif;
  font-weight: 500; font-size: 36px; line-height: 44px;
  color: #fff;
  padding: 0 1rem 0 78px;  /* placeholder e ícone alinhados */
  box-sizing: border-box;
}
input.rectangle3::placeholder {
  color: #828C8C;
}
.icon-email {
  position: absolute; left: 158px; top: 787px;
  width: 38px; height: 38px;
  background: url('../assets/e-mail (1) 1.png') no-repeat center/cover;
}

/* SENHA (também input) */
.senha-label {
  position: absolute; left: 134px; top: 882px;
  font-family: 'Inter', sans-serif; font-weight: 700;
  font-size: 24px; line-height: 29px; color: #fff;
}
input.rectangle155 {
  position: absolute; left: 134px; top: 922px;
  width: 929px; height: 82px;
  border: 3px solid #828C8C; border-radius: 15px;
  background: transparent;
  font-family: 'Instrument Sans', sans-serif;
  font-weight: 500; font-size: 36px; line-height: 44px;
  color: #fff;
  padding: 0 1rem 0 78px;
  box-sizing: border-box;
}
input.rectangle155::placeholder {
  color: #828C8C;
}
.icon-senha {
  position: absolute; left: 156px; top: 942px;
  width: 42px; height: 42px;
  background: url('../assets/cadeado (1) 1.png') no-repeat center/cover;
}

/* TERMOS (checkbox customizado) */
input.rectangle156 {
  position: absolute; left: 130px; top: 1028px;
  width: 29px; height: 29px;
  -webkit-appearance: none;
  appearance: none;
  border: 2px solid #828C8C;
  border-radius: 5px;
  cursor: pointer;
}
input.rectangle156:checked {
  background: #00EEB9;
}
.terms-label {
  position: absolute; left: 177px; top: 1033px;
  font-family: 'Inter', sans-serif; font-weight: 400;
  font-size: 24px; line-height: 29px; color: #fff;
}

/* BOTÃO ENTRAR */
button.button-entrar {
  position: absolute; left: 134px; top: 1101px;
  width: 929px; height: 82px;
  background: #00EEB9; border-radius: 10px;
  border: none; cursor: pointer;
  font-family: 'Instrument Sans', sans-serif; font-weight: 700;
  font-size: 36px; line-height: 44px; color: #000;
  display: flex; justify-content: center; align-items: center;
}

/* ALERTA 18+ */
.icon-plus18 {
  position: absolute; left: 577px; top: 1380px;
  width: 51px; height: 51px;
  background: url('../assets/plus-18-movie (1) 1.png') no-repeat center/cover;
}
.plus18-text {
  position: absolute; left: 134px; top: 1450px;
  width: 929px; height: 26px;
  font-family: 'Instrument Sans', sans-serif; font-weight: 500;
  font-size: 24px; line-height: 29px; text-align: center;
  color: #828C8C;
}

/* INSTALAÇÃO DO APP */
.rectangle154 {
  position: absolute; left: 134px; top: 1500px;
  width: 955px; height: 373px;
  background: linear-gradient(90deg, #000 0%, #000 100%);
  opacity: 0.15; filter: blur(2px); border-radius: 10px;
}
.logo-small {
  position: absolute; left: 125px; top: 1566px;
  width: 61px; height: 61px;
  background: url('../assets/LOGO-KS-VISION (1) 2.png') no-repeat center/cover;
}
.install-title {
  position: absolute; left: 186px; top: 1574px;
  font-family: 'Instrument Sans', sans-serif; font-weight: 700;
  font-size: 36px; line-height: 44px; color: #fff;
}
.install-text {
  position: absolute; left: 134px; top: 1624px;
  font-family: 'Instrument Sans', sans-serif; font-weight: 500;
  font-size: 24px; line-height: 29px; color: #828C8C;
}
.icon-share {
  position: absolute; left: 128px; top: 1711px;
  width: 40px; height: 40px;
  background: url('../assets/compartilhar (1) 1.png') no-repeat center/cover;
}
.install-step1 {
  position: absolute; left: 177px; top: 1718px;
  font-family: 'Instrument Sans', sans-serif; font-weight: 500;
  font-size: 30px; line-height: 37px; color: #fff;
}
.icon-plus {
  position: absolute; left: 128px; top: 1780px;
  width: 36px; height: 36px;
  background: url('../assets/sinal-de-mais (1) 1.png') no-repeat center/cover;
}
.install-step2 {
  position: absolute; left: 176px; top: 1780px;
  width: 913px; height: 109px;
  font-family: 'Instrument Sans', sans-serif; font-weight: 500;
  font-size: 30px; line-height: 37px; color: #fff;
}