.login-body{
display:flex;
align-items:center;
justify-content:center;
height:100vh;
}
.login-wrapper{
width:100%;
max-width:400px;
padding:20px;
}
.login-card{
padding:36px;
text-align:center;
}
.login-header{
margin-bottom:28px;
}
.login-header img{
height:50px;
margin-bottom:12px;
}
.login-header h2{
font-size:1.25rem;
font-weight:300;
}
.error-box{
background:rgba(248,81,73,0.15);
border:1px solid rgba(248,81,73,0.3);
color:var(--danger);
padding:10px;
border-radius:10px;
font-size:0.85rem;
margin-bottom:20px;
}
.login-form{
display:flex;
flex-direction:column;
gap:18px;
text-align:right;
}
.input-group{
display:flex;
flex-direction:column;
gap:6px;
}
.input-group label{
font-size:0.85rem;
color:var(--text-secondary);
}
.input-group input{
background:rgba(255,255,255,0.04);
border:1px solid var(--border-glass);
border-radius:10px;
padding:12px 14px;
color:var(--text-primary);
font-size:0.95rem;
transition:border-color .2s;
}
.input-group input:focus{
border-color:var(--accent);
}
.submit-btn{
margin-top:10px;
background:linear-gradient(135deg,var(--accent),#2b6cb0);
color:#fff;
padding:12px;
border-radius:10px;
font-size:0.95rem;
cursor:pointer;
box-shadow:0 4px 15px var(--accent-glow);
transition:opacity .2s;
}
.submit-btn:hover{
opacity:0.9;
}