*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:Poppins,sans-serif;

background:#eef4f9;

display:flex;

justify-content:center;

align-items:center;

height:100vh;

}

.container{

width:100%;

padding:20px;

}

.card{

max-width:500px;

margin:auto;

background:#fff;

padding:45px;

border-radius:20px;

box-shadow:0 15px 45px rgba(0,0,0,.12);

text-align:center;

}

.logo{

height:100px;

margin-bottom:20px;

}

h1{

color:#0f4c81;

margin-bottom:10px;

}

p{

color:#666;

margin-bottom:30px;

}

.form-group{

text-align:left;

margin-bottom:25px;

}

label{

display:block;

margin-bottom:10px;

font-weight:600;

color:#444;

}

input{

width:100%;

padding:16px;

border:2px solid #dfe6ee;

border-radius:10px;

font-size:16px;

outline:none;

transition:.3s;

}

input:focus{

border-color:#0f4c81;

}

button{

width:100%;

padding:17px;

background:#0f4c81;

color:white;

border:none;

border-radius:10px;

font-size:16px;

font-weight:600;

cursor:pointer;

transition:.3s;

}

button:hover{

background:#4cccde;

color:#222;

}

.help{

margin-top:30px;

padding-top:25px;

border-top:1px solid #eee;

}

.help ul{

margin-top:10px;

padding-left:20px;

text-align:left;

color:#666;

}