.login-section{
min-height:85vh;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(135deg,#f8f9fa,#ffffff);
padding:40px 20px;
}

/* login card */

.login-card{
width:100%;
max-width:420px;
background:#fff;
padding:35px;
border-radius:14px;
box-shadow:0 15px 40px rgba(0,0,0,0.08);

transform:translateY(80px);
opacity:0;
animation:slideUp .6s ease forwards;
}

@keyframes slideUp{
to{
transform:translateY(0);
opacity:1;
}
}

.login-title{
text-align:center;
font-weight:600;
margin-bottom:25px;
}

.input-group-text{
background:#f1f3f5;
border-radius:8px 0 0 8px;
}

.form-control{
padding:12px;
border-radius:0 8px 8px 0;
}

.password-toggle{
cursor:pointer;
background:#f1f3f5;
}

.login-btn{
width:100%;
padding:12px;
border-radius:8px;
font-weight:500;
margin-top:10px;
}

.login-links{
display:flex;
justify-content:space-between;
margin-top:15px;
font-size:.9rem;
}

.login-links a{
text-decoration:none;
}

.login-links a:hover{
text-decoration:underline;
}