:root{--navy:#0b1f3b;--navy2:#163a68;--blue:#6fa0e8;--gold:#d9bd5b;--line:#dbe4ef;--muted:#68778c}
*{box-sizing:border-box}
body{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;color:#16243a;background:radial-gradient(900px 600px at 18% 14%,rgba(111,160,232,.22),transparent 56%),radial-gradient(800px 540px at 85% 82%,rgba(217,189,91,.14),transparent 56%),linear-gradient(180deg,#f8fafd,#edf3fb);font-family:Inter,"Segoe UI",Arial,sans-serif}
.login-shell{width:min(100%,430px)}
.login-brand{width:fit-content;max-width:300px;margin:0 auto 22px;padding:12px 15px;background:#fff;border:1px solid rgba(11,31,59,.1);border-radius:16px;box-shadow:0 18px 55px rgba(11,31,59,.14)}
.login-brand img{display:block;width:100%;max-height:84px;object-fit:contain}
.login-card{overflow:hidden;background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:18px;box-shadow:0 28px 85px rgba(11,31,59,.17)}
.login-head{padding:28px 30px 18px;text-align:center}
.login-kicker{display:block;color:#5f79a0;font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
h1{margin:7px 0 0;color:var(--navy);font-size:1.7rem;letter-spacing:-.03em}
.accent{width:86px;height:3px;margin:14px auto;background:linear-gradient(90deg,var(--gold),var(--blue));border-radius:999px}
.login-head p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.5}
form{padding:4px 30px 30px}
label{display:block;margin:15px 0 7px;color:#34445b;font-size:.8rem;font-weight:750}
input{width:100%;padding:12px 13px;color:#16243a;background:#f8fafd;border:1px solid #ccd8e7;border-radius:10px;font:inherit}
input:focus{outline:none;background:#fff;border-color:var(--blue);box-shadow:0 0 0 4px rgba(111,160,232,.17)}
button{width:100%;margin-top:20px;padding:12px 16px;color:#fff;background:var(--navy);border:0;border-radius:10px;font:750 .9rem/1.2 inherit;cursor:pointer;box-shadow:0 10px 24px rgba(11,31,59,.2)}
button:hover{background:var(--navy2)}button:disabled{opacity:.58;cursor:wait}
.login-error{display:none;margin-top:14px;padding:10px 12px;color:#8d2030;background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;font-size:.78rem;line-height:1.45}.login-error.show{display:block}
.login-footer{padding:15px 24px;color:#7a8798;background:#f9fbfd;border-top:1px solid var(--line);text-align:center;font-size:.7rem}
@media(max-width:480px){body{padding:16px}.login-head,form{padding-left:22px;padding-right:22px}}