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

body{
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
padding: 15px;
background: rgb(160, 157, 157);
overflow: hidden;
}

.wrapper {
max-width: 500px;
width: 100%;
background: #fff;
border-radius: 5px;
box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.1);
}

.wrapper .title {
height: 120px;
background: #14213D;
border-radius: 5px 5px 0 0;
color: #fff;
font-size: 30px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
}

.wrapper form {
padding: 40px 35px;
}

.wrapper form .row {
height: 60px;
margin-top: 15px;
position: relative;
}

.wrapper form .half-row {
height: 60px;
width: 49%;
margin-top: 15px;
margin-left: 1px;
position: relative;
display: inline-flex;
}

.wrapper form .row input {
height: 100%;
width: 100%;
outline: none;
padding-left: 10px;
border-radius: 5px;
border: 1px solid #14213D;
font-size: 20px;
transition: all 0.3s ease;
}

.wrapper form .half-row input {
height: 100%;
width: 100%;
outline: none;
padding-left: 10px;
border-radius: 5px;
border: 1px solid #14213D;
font-size: 20px;
transition: all 0.3s ease;
}

form .row input::placeholder {
color: #565c69;
}

form .half-row input::placeholder {
color: #565c69;
}

.wrapper form .button input {
margin-top: 20px;
color: #fff;
font-size: 20px;
font-weight: 500;
padding-left: 0px;
background: #14213D;
border: 1px solid #14213D;
cursor: pointer;
}

form .button input:hover {
background: #506186;
}