*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'MaPolice', sans-serif;
    text-decoration: none;
}

@font-face {
    font-family: 'MaPolice';
    src: url('/assets/police/AdventPro-Regular.ttf') format('truetype');
}

body{
    margin: 0;
    padding: 0;
    background: #A1CDF2FF;
    color: #3F3F3FFF;
    display: block;
}

p{
            font-size: 1.1rem;
}


/* =====================================================
   CONTAINER
===================================================== */


.row_inscription {

    min-height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:25px;

}



.row_coucou {

    width:100%;

    max-width:470px;

}



.row_formulairec {
    background: linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03));
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 30px;
    padding: 45px 40px;
    box-shadow: 0 25px 80px rgba(0, 0, 0, .55);
}

.row_copyright {
    margin-top: 5%;
    padding: 2rem;
}

.margin{margin-top:10%;}


/* =====================================================
   TEXT
===================================================== */


.login-text {

    text-align:center;

}



.login-text > p:first-child {
text-align: center;
    font-size: 32px;
    color: #3F3F3FFF;


}



.login-text .f-14 {


    color:#b5b5c8;

    line-height:1.6;

    font-size:14px;

    margin-bottom:35px;


}


form{margin-top: 5%;}

.connect{width:100%; height:50px; margin-bottom:15px; padding:0 20px; border-radius:15px; border: 1px solid rgba(255,255,255,.15); color:#10213FFF; font-size: 28px; outline:none; transition:.25s;}
.connect::placeholder{color:#85859a;}
.connect:focus{border-color:#FFA700; box-shadow:0 0 20px rgba(118,104,255,.25);}
.forgot{text-align:right; color:#3F3F3FFF; cursor:pointer; font-size:17px; margin:5px 5px 25px 0;transition:.2s;}
.forgot:hover {color:#10213FFF}

.btn {
display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 18px;
    border: none;
    border-radius: 10px;
    background: #FFA700;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    width: 100%;
    cursor: pointer;
    transition: 0.3s ease;
}


.secondary {
    background: #00BBFF;

}

/* =====================================================
   BUTTONS
===================================================== */


.input.submit,
.input.submit1 {


    width:100%;


    height:55px;


    border-radius:15px;


    border:none;


    cursor:pointer;


    display:flex;


    align-items:center;


    justify-content:center;


    gap:15px;


    font-size:16px;


    font-weight:700;


    transition:.25s;


}



.submit {


    background:

    linear-gradient(
        135deg,
        #7668ff,
        #5546e8
    );


    color:white;


    box-shadow:

    0 10px 30px

    rgba(118,104,255,.35);


}



.submit:hover {


    transform:translateY(-3px);


    box-shadow:

    0 15px 40px

    rgba(118,104,255,.55);


}




.submit img,
.submit1 img {


    width:18px;

}



/* =====================================================
   CREATE ACCOUNT
===================================================== */


.new {


    margin:35px 0 20px;


}



.newhabbaz {


    color:#8d8da5;


    font-size:14px;


}



.submit1 {


    background:

    rgba(255,255,255,.08);


    border:

    1px solid

    rgba(255,255,255,.15);


    color:white;


}



.submit1:hover {


    background:

    rgba(255,255,255,.15);


    transform:translateY(-3px);


}



/* =====================================================
   LOADER
===================================================== */


#load {


    backdrop-filter:blur(5px);


}



/* =====================================================
   RESPONSIVE
===================================================== */


@media(max-width:600px){


.row_formulairec {


    padding:35px 25px;


    border-radius:22px;


}


.login-text > p:first-child {


    font-size:26px;


}


}