/* ===============================
   INSCRIPTION MOTARD
================================ */

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Poppins,sans-serif;
}

body{

background:#f5f7fb;

display:flex;

justify-content:center;

padding:40px 15px;

}

.container{

width:100%;

max-width:700px;

background:#fff;

border-radius:20px;

padding:35px;

box-shadow:0 8px 20px rgba(0,0,0,.08);

}

.logo{

text-align:center;

margin-bottom:30px;

}

.logo img{

width:90px;

height:90px;

border-radius:50%;

margin-bottom:15px;

}

.logo h1{

color:#0B3D91;

margin-bottom:10px;

}

.input-box{

margin-bottom:18px;

}

.input-box label{

display:block;

font-weight:600;

margin-bottom:8px;

}

.input-box input,
.input-box select,
.input-box textarea{

width:100%;

padding:14px;

border:1px solid #ddd;

border-radius:10px;

font-size:15px;

outline:none;

}

.input-box input:focus,
.input-box select:focus,
.input-box textarea:focus{

border-color:#0B3D91;

}
.btn-inscription{

width:100%;

padding:16px;

background:#0B3D91;

color:white;

border:none;

border-radius:10px;

font-size:16px;

font-weight:bold;

cursor:pointer;

transition:.3s;

}

.btn-inscription:hover{

background:#082d6d;

}

.btn-inscription i{

margin-right:8px;

}

@media(max-width:768px){

.container{

padding:20px;

}

}