body{

background:#dfe8d7;

background-image:
radial-gradient(
#c2d3ba 10%,
transparent 10%
);

background-size:80px 80px;

height:100vh;

display:flex;

justify-content:center;

align-items:center;

font-family:
'Segoe UI',
sans-serif;
}

.login-wrapper{

width:100%;
max-width:600px;
padding:20px;
}

.login-card{

background:#fff;

padding:35px;

border-radius:8px;

box-shadow:
0 10px 30px
rgba(0,0,0,.15);
}

.logo-section{

display:flex;

gap:15px;

align-items:center;

margin-bottom:30px;
}

.logo-section img{

width:85px;
}

.logo-section h3{

font-size:30px;

font-weight:700;

margin:0;
}

.logo-section p{

margin:0;

font-size:12px;
}

.form-control{

height:52px;

background:#eef3ff;
}

.password-box{

position:relative;
}

.password-box i{

position:absolute;

right:15px;

top:18px;

cursor:pointer;
}

.btn-login{

width:100%;

height:55px;

font-size:20px;

font-weight:600;

background:#8d948c;

color:#fff;
}

.btn-login:hover{

background:#747b73;

color:#fff;
}