*{
box-sizing:border-box;
}


body{


margin:0;

height:100vh;


background:

linear-gradient(
rgba(0,0,0,.45),
rgba(0,0,0,.65)
),

url("bg.jpg");


background-size:cover;

background-position:center;


display:flex;

justify-content:center;

align-items:center;


font-family:Arial;


}



.box{

width:370px;

text-align:center;

}



.logo{

width:140px;

margin-bottom:20px;

}



h3{

color:white;

font-weight:normal;

font-size:18px;

}



input{


width:100%;


padding:15px;


margin:10px 0;


background:#222c;


border:

1px solid #777;


border-radius:6px;


font-size:16px;


color:white;


}



button{


width:100%;


padding:14px;


margin-top:35px;


border:none;


border-radius:30px;


background:

linear-gradient(
90deg,
#ffd7bd,
#fff0df
);



font-size:17px;


font-weight:bold;


}



a{

display:block;

margin-top:15px;

color:#ffe9aa;

text-decoration:none;


}