body{

height:100vh;
margin:0;
display:flex;
align-items:center;
justify-content:center;

background:linear-gradient(135deg,#0f172a,#1e3a8a);

font-family:Inter, sans-serif;

}

.login-container{
width:100%;
display:flex;
justify-content:center;
}

.login-card{

width:420px;

background:#f8fafc;

border-radius:18px;

padding:40px;

box-shadow:0 20px 40px rgba(0,0,0,0.25);

text-align:center;

}

.logo img{
height:60px;
margin-bottom:10px;
}

.system-title{
font-weight:600;
margin-bottom:4px;
}

.system-subtitle{
color:#64748b;
font-size:14px;
margin-bottom:30px;
}

.form-group{
margin-bottom:20px;
text-align:left;
}

.input-group-text{
background:#e2e8f0;
border:none;
}

.form-control{
border:none;
background:#e2e8f0;
}

.form-control:focus{
box-shadow:none;
background:#e2e8f0;
}

.login-btn{

margin-top:10px;

background:#2563eb;
border:none;

padding:12px;

font-weight:500;

}

.login-btn:hover{
background:#1d4ed8;
}