* {
box-sizing: border-box;
}

body {
background:linear-gradient(#f5f7fa,#e4e7eb);
}

.wrapper {
height:100vh;
display:flex;
align-items:center;
justify-content:center;
}

.login-box {

width:360px;
background:white;
padding:40px;
border-radius:10px;

box-shadow:0 4px 25px rgba(0,0,0,0.15);

}

.logo {

text-align:center;
margin-bottom:25px;

}

.logo-img {

width:146px;
height:auto;

}

input {

width:100%;

padding:12px;

margin-bottom:12px;

border:1px solid #ddd;

border-radius:5px;

font-size:14px;

}

button {

width:100%;

padding:12px;

background:#0082c9;

border:none;

color:white;

border-radius:5px;

cursor:pointer;

}

button:hover {

background:#006ea6;

}

.error {

color:#c40000;

font-size:13px;

margin-bottom:10px;

display:none;

}