.tela-login {
  min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: var(--sp-4);
  background: linear-gradient(135deg, var(--cor-primaria-suave), var(--fundo) 60%);
}
.login-caixa {
  width: 100%; max-width: 400px; background: var(--branco); border: 1px solid var(--borda);
  border-radius: var(--raio-lg); box-shadow: var(--sombra-md); padding: var(--sp-6) var(--sp-5);
  display: flex; flex-direction: column; gap: var(--sp-5);
}
.login-marca { display: flex; align-items: center; gap: var(--sp-3); }
.login-marca img { width: 48px; height: 48px; object-fit: contain; }
.login-marca .marca-nome { font-size: 19px; }
.login-caixa h2 { font-family: var(--fonte-titulo); font-size: 20px; }
.login-caixa form { display: flex; flex-direction: column; gap: var(--sp-4); }
.login-caixa .btn { width: 100%; }
.tela-login .vz { min-height: 200px; }