* {

  box-sizing: border-box;

  margin: 0;

  padding: 0;

  font-family: var(--font-base);

}



body {

  background: var(--cinza-background);

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  height: 100vh;

}



form {

  display: flex;

  flex-direction: column;

}



label {

  font-weight: normal;

  margin-bottom: 5px;

}



input {

  padding: 10px;

  margin-bottom: 20px;

  border: 1px solid var(--azul-brand-100);

  border-radius: 5px;

}



button {

  background-color: var(--azul-principal);

  color: var(--branco);

  padding: 12px;

  border: none;

  border-radius: 5px;

  font-size: 16px;

  cursor: pointer;

}



button:hover {

  background-color: var(--azul-brand-900);

}



.links {

  display: flex;

  justify-content: space-between;

  margin-top: 15px;

}



.links a {

  color: var(--azul-principal);

  font-size: 14px;

  text-decoration: none;

}



.links a:hover {

  text-decoration: underline;

}



.login-container {

  background: var(--branco);

  padding: 40px;

  border-radius: 10px;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

  width: 100%;

  max-width: 400px;

}



.login-box h1 {

  color: var(--azul-principal);

  text-align: center;

  margin-bottom: 10px;

}



.login-box p {

  color: var(--texto-forte);

  text-align: center;

  margin-bottom: 30px;

}



.erro {

  display: none;

  margin-top: -12px;

  margin-bottom: 16px;

  font-size: 14px;

  font-weight: 500;

  color: var(--vermelho-erro);

}



.erro.mostrar {

  display: block;

}



.rodape {

  position: fixed;

  bottom: 10px;

  left: 0;

  width: 100%;

  text-align: center;

  font-size: 12px;

  color: var(--texto-medio);

}



.rodape a {

  color: var(--azul-brand-600);

  text-decoration: none;

}



.voltar {

  position: absolute;

  top: 15px;

  left: 15px;

  background: none;

  border: none;

  color: var(--azul-principal);

  text-decoration: none;

  font-size: 16px;

  font-weight: 600;

  cursor: pointer;

}



.voltar:hover {

  text-decoration: underline;

  background: none;

}