/* login.css (carrega depois do style.css) */

body.login{
  margin: 0;                 /* no style.css geral é 24px (bom pro sistema), mas no login centraliza */
  min-height: 100vh;
  display: grid;
  place-items: center;

  background-color: #f7f7f7;
  background-image: url('images.png'); /* ajuste se trocar o logo */
  background-repeat: no-repeat;
  background-position: center 14%;
  background-size: 420px;    /* ajuste conforme teu gosto */
  padding: 24px;
}

/* Card do login */
.login-card{
  width: min(420px, 100%);
}

/* Faz o form virar “card” (sem afetar os forms do sistema) */
body.login form{
  max-width: 420px;          /* no CSS geral é 900px */
  width: 100%;
  margin: 0;                 /* centralizado pelo body */
  box-shadow: 0 10px 26px rgba(0,0,0,.10);
}

/* Título */
body.login h1{
  margin-bottom: 10px;
}

/* Mensagem de erro */
body.login .alert{
  background: #fff3f3;
  border: 1px solid #f2b8b8;
  color: #8a1f1f;
  padding: 10px 12px;
  border-radius: 10px;
  margin: 0 0 12px 0;
}

/* Rodapé */
body.login .login-footer{
  text-align: center;
  margin-top: 10px;
  opacity: .7;
}