/* ============================================================
 * Login Page — Styles spécifiques à la page de connexion
 * ============================================================ */

.login-card {
    border-radius: 16px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.3s ease;
}

.login-card:hover {
    box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.2);
}

.login-input {
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
}

.login-input:focus {
    border-color: #045d98;
    box-shadow: 0 0 0 3px rgba(4, 93, 152, 0.1);
    outline: none;
}

.login-btn {
    background: linear-gradient(135deg, #045d98 0%, #0678cc 100%);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.login-btn:hover {
    background: linear-gradient(135deg, #034a7a 0%, #056099 100%);
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(4, 93, 152, 0.35);
}