*{box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;}
body{
margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;
background:
radial-gradient(circle at 20% 20%,rgba(180,200,255,.9),transparent 40%),
radial-gradient(circle at 80% 30%,rgba(200,255,220,.8),transparent 45%),
linear-gradient(135deg,#e7ecf3,#dfe6ef);
}
.login-wrap{width:420px;}
.login-title{font-size:22px;font-weight:600;margin-bottom:6px;}
.login-subtitle{font-size:13px;color:#475569;margin-bottom:20px;}
.login-panel{
padding:26px;border-radius:14px;
background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.35));
backdrop-filter:blur(18px) saturate(140%);
border:1px solid rgba(255,255,255,.6);
box-shadow:0 20px 40px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.7);
}
.field{margin-bottom:14px;}
.field label{display:block;font-size:12px;color:#334155;margin-bottom:6px;}
.field input{
width:100%;padding:10px 12px;font-size:14px;
background:rgba(255,255,255,.85);
border:1px solid rgba(0,0,0,.15);
}
button{
width:100%;padding:11px;font-size:14px;
background:#0f172a;color:#fff;border:none;cursor:pointer;
}
button:hover{background:#020617;}
.footer{margin-top:18px;font-size:12px;color:#475569;}
.error{margin-top:12px;color:#b00020;font-size:13px;}