/* Page de connexion - Layout et container principal */

/* Body spécifique à la page de connexion */
body.login-page {
    font-family: 'Roboto', sans-serif;
    background: var(--sabi-dark-gray);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* Container principal de la page de connexion */
.login-container {
    background: var(--sabi-gray);
    border-radius: 15px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
    padding: 40px;
    width: 100%;
    max-width: 400px;
    border: 1px solid var(--sabi-primary);
}

/* Responsive pour la page de connexion */
@media (max-width: 480px) {
    .login-container {
        margin: 20px;
        padding: 30px 20px;
    }
}