body.login-page {
  /* Caminho para a sua imagem de fundo */
  background-image: url('../img/login-bg3.png'); 
  
  /* Garante que a imagem cubra toda a tela */
  background-size: cover; 
  
  /* Centraliza a imagem */
  background-position: center center; 
  
  /* Impede que a imagem se repita */
  background-repeat: no-repeat; 
  
  /* Fixa a imagem para que ela não role com o conteúdo */
  background-attachment: fixed; 
  
  /* Melhora a legibilidade do formulário sobre o fundo */
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

/* Estilo para o card de login */
.login-card {
  background-color: rgba(255, 255, 255, 0.95); /* Fundo branco um pouco menos transparente para legibilidade */
  padding: 0; /* Remove padding para que o card-header e card-body ocupem todo o espaço */
  border: none;
  border-radius: 1rem; /* Cantos mais arredondados */
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  max-width: 400px;
  width: 100%;
  overflow: hidden; /* Garante que o conteúdo respeite o border-radius */
}

/* Novo: Estilo para o cabeçalho do card que contém o logo */
.login-card .card-header {
  background: none; /* Remove o fundo azul padrão para um visual mais limpo */
  border-bottom: none; /* Remove a linha separadora */
  padding-top: 2rem;
  padding-bottom: 1rem;
  text-align: center;
}

/* Novo: Estilo para a imagem do logo */
.login-logo {
  max-width: 120px; /* Define um tamanho máximo para o logo */
  height: auto; /* Mantém a proporção */
  margin-bottom: 1rem; /* Espaço entre o logo e o título "Login" */
  
}

/* Ajuste no corpo do card */
.login-card .card-body {
    padding: 2rem;
    padding-top: 0;
}