/* 1) Estilos Mobile-First (Prioridade Para Mobile) com padronização de cores */
body { font-family: 'Poppins', sans-serif; background: #F0F2F5; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; padding: 15px; box-sizing: border-box; }
.login-card { background: #FFF; padding: 30px; border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.1); width: 100%; max-width: 380px; }
.logo-box { text-align: center; margin-bottom: 25px; }
.logo-box h1 { color: #1A73E8; margin: 0; font-size: 28px; letter-spacing: -1px; }

input { width: 100%; padding: 14px; margin-bottom: 15px; border: 1px solid #DADCE0; border-radius: 8px; font-size: 16px; box-sizing: border-box; transition: border-color 0.2s; }
input:focus { border-color: #1A73E8; outline: none; }

button { width: 100%; padding: 14px; background: #1A73E8; color: #FFF; border: none; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; transition: background 0.3s; }
button:hover { background: #1557B0; }

/* 2) Adicionando suporte ao posicionamento do ícone no login */
.campo-senha-login { position: relative; width: 100%; }
.campo-senha-login i { 
    position: absolute; 
    right: 15px; 
    top: 22px; /* Ajustado para centralizar no input de login que é mais alto. */
    transform: translateY(-50%); 
    cursor: pointer; 
    color: #5F6368; 
    font-size: 16px; 
}