/* Conteneur principal pour centrer horizontalement et verticalement */
    .auth-container { 
        min-height: 80vh; 
        display: flex; 
        align-items: center; 
        justify-content: center; 
        padding: 50px 20px;
        position: relative;
        z-index: 100;
    }

    /* Le cadre (Music Card) */
    .music-card { 
        background: rgba(26, 26, 26, 0.95) !important; 
        border: 2px solid #e63946; 
        border-radius: 20px; 
        padding: 40px; 
        color: white; 
        width: 100%; 
        max-width: 450px; 
        box-shadow: 0 10px 30px rgba(0,0,0,0.8);
        position: relative;
        z-index: 110;
        pointer-events: auto;
    }

    /* Ajustement des champs */
    .music-input { 
        background: #2a2a2a !important; 
        border: 1px solid #444 !important; 
        color: white !important; 
        margin-bottom: 15px; 
        height: 45px;
        border-radius: 8px !important;
    }

    .input-group .music-input { margin-bottom: 0; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
    .input-group-text { 
        background: #333; 
        border: 1px solid #444; 
        color: #ccc; 
        border-top-right-radius: 8px; 
        border-bottom-right-radius: 8px; 
        height: 45px;
    }