.box {
  width: 1925px;
  height: 1080px;
}

.BG {
  position: relative;
  width: 1925px;
  height: 1080px;
  top: 0;
  left: 0;
  background-color: #000000;
}

.barras {
  position: relative;
  width: 1787px;
  height: 960px;
  top: 56px;
  left: 65px;
}

.logonucleopq {
  position: absolute;
  width: 191px;
  height: 16px;
  top: 69px;
  left: 1661px;
}

.imgmenu {
  position: absolute;
  width: 20px;
  height: 17px;
  top: 69px;
  left: 65px;
}
  
.pagename {
  position: absolute;
  width: 420px;
  top: 99px;
  left: 84px;
  font-family: "Pilat Extended-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 48px;
  letter-spacing: 0;
  line-height: normal;
}

.msgerro {
  position:absolute;
  width: 610px;
  height: 120px;
  top: 190px;
  left: 645px;
  border: 1px solid;
  border-radius: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: rgb(206, 91, 91);
  color: #000026;
}

.msgok {
  position:absolute;
  width: 610px;
  height: 120px;
  top: 350px;
  left: 645px;
  border: 1px solid;
  border-radius: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #ccff00;
  color: #000026;
}

.msg-text {
  font-family: "Pilat Extended-Regular", Helvetica;
  font-weight: 400;
  font-size: 27px;
  letter-spacing: 0;
  line-height: normal;
}

.retangulo-1 {
  border-radius: 100px;
  border-style: transparent;
  width: 900px;
  height: 600px;
  position: absolute;
  left: 505px;
  top: 325px;
}

.user {
  position: absolute;
  width: 864px;
  height: 105px;
  top: 382px;
  left: 462px;
}

.overlap-1 {
  position: relative;
  width: 862px;
  height: 105px;
  background-color: #ffffff;
  border-radius: 300px;
  border: 1px solid;
  border-color:#ffffff;
  color:#000026
}

.text-wrapper {
  position: absolute;
  width: 416px;
  top: 30px;
  left: 56px;
  font-family: "Pilat Extended-Regular", Helvetica;
  font-weight: 400;
  font-size: 27px;
  letter-spacing: 0;
  line-height: normal;
}

.input-no-border {
  border: none;
  outline: none;
}

input {
  background-color:#ffffff;
  color: #000026;
}

/* Regra padrão para texto e fundo */
input[type="text"] {
  color: #000026;
  background-color: #ffffff !important;
}

/* Regras adicionais para ajustar a cor durante interações específicas */
input[type="text"]:focus,
input[type="text"]:hover,
input[type="text"]:active {
  color: #000026;  /* Cor do texto ao interagir */
  background-color: #ffffff;  /* Cor do fundo ao interagir */
}

.input-no-border:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important; /* Cor correspondente ao fundo desejado */
  -webkit-text-fill-color: #000026 !important; /* Cor do texto */
}

.overlap-2 {
  position: relative;
  width: 389px;
  height: 105px;
  left: 235px;
  background-color: #ccff00;;
  color:#000026;
  border-radius: 300px;
  border: 1px solid;
  border-color: #ffffff;
  color:#000026;
}

.text-wrapper-2 {
  position: absolute;
  width: 245px;
  top: 33px;
  left: 10px;
  font-family: "Pilat Extended-Regular", Helvetica;
  font-weight: 400;
  font-size: 27px;
  letter-spacing: 0;
  line-height: normal;
  background-color: #ccff00;
  color: #000026;
  
}

.seta {
  position: absolute;
  width: 39px;
  height: 39px;
  top: 36px;
  left: 302px;
}