/* =====================================================
   PASSWORD RESET / FORGOT PASSWORD
===================================================== */


body {
    margin: 0;
    min-height: 100vh;
    background: #1d1d2b;
    font-family: Arial, Helvetica, sans-serif;

    display: flex;
    justify-content: center;
    align-items: center;
}



/* Conteneur principal */

.password-container {

    width: 100%;
    max-width: 450px;

    padding: 20px;

}



/* Carte */

.password-box {

    background: #252538;

    border-radius: 25px;

    padding: 35px;

    box-shadow:
        0 15px 40px rgba(0,0,0,.35);

    color: white;

    text-align: center;

}



/* Titre */

.password-box h2 {

    margin: 0 0 15px;

    font-size: 26px;

    font-weight: 700;

}



/* Texte */

.password-box p {

    color: #b8b8c8;

    font-size: 14px;

    line-height: 1.5;

    margin-bottom: 25px;

}



/* Inputs */

.password-box .connect {


    width: 100%;

    height: 50px;

    box-sizing: border-box;


    background: #171725;


    border: 1px solid #3b3b52;


    border-radius: 12px;


    color: white;


    padding: 0 18px;


    font-size: 15px;


    margin-bottom: 15px;


    outline: none;


    transition: .2s;

}



.password-box .connect:focus {


    border-color: #6c63ff;


    background: #1c1c2e;


}



/* Bouton */

.password-box .submit {


    width: 100%;

    height: 52px;


    border: none;


    border-radius: 12px;


    background: #6c63ff;


    color:white;


    cursor:pointer;


    font-size:16px;


    font-weight:bold;


    transition:.25s;


}



.password-box .submit:hover {


    transform: translateY(-2px);


    background:#817aff;


}



/* Lien retour */

.password-box a {


    color:#aaa;


    text-decoration:none;


    font-size:14px;


}



.password-box a:hover {


    color:white;


}



/* Message SweetAlert */

.swal-modal {


    border-radius:20px !important;

}


.swal-title {


    color:#222 !important;

}


.swal-text {


    text-align:center;

}



/* Mobile */

@media(max-width:600px){


    .password-container {

        padding:15px;

    }


    .password-box {

        padding:25px 20px;

        border-radius:20px;

    }


}