/* 1. Centralização Moderna (Flexbox no Body do HTML trata isso) */
/* Não precisamos mais definir posições fixas aqui */

.login-card {
    background-color: #FFF;
    width: 100%;
    max-width: 400px; /* Limita a largura em telas grandes */
    padding: 40px;
    
    /* 2. Profundidade ao invés de Borda  */
    border: none; /* Removemos a borda preta dura */
    border-radius: 12px; /* Bordas bem arredondadas (Cap. 5) */
    box-shadow: 0 10px 25px rgba(0,0,0, 0.05); /* Sombra suave e elegante */
}