:root{font-family:Arial,Helvetica,sans-serif;color:#17202a;background:#eef2f5}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:linear-gradient(145deg,#e8edf2,#f8fafb)}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}
.login-card{width:min(440px,100%);background:#fff;border:1px solid #cfd6dd;border-radius:14px;padding:34px;box-shadow:0 18px 60px rgba(16,24,40,.12)}
.brand-mark{width:58px;height:58px;border-radius:12px;display:grid;place-items:center;background:#fff200;color:#17202a;font-weight:900;font-size:20px;margin-bottom:20px;border:1px solid #d5cc00}
.eyebrow{margin:0 0 8px;color:#667085;font-size:12px;line-height:1.45;text-transform:uppercase;letter-spacing:.08em}
h1{margin:0;font-size:30px;letter-spacing:.04em}
.subtitle{margin:6px 0 24px;color:#667085}
form{display:grid;gap:16px}
label span{display:block;margin-bottom:6px;font-size:13px;font-weight:700}
input{width:100%;border:1px solid #9aa4ad;border-radius:7px;padding:11px 12px;font:inherit}
input:focus{outline:3px solid rgba(31,78,120,.18);border-color:#1f4e78}
button{border:0;border-radius:7px;padding:12px 16px;background:#1f4e78;color:#fff;font:inherit;font-weight:800;cursor:pointer}
button:hover{background:#173d60}
button:disabled{opacity:.65;cursor:wait}
.error{min-height:18px;margin:0;color:#a00000;font-size:12px;font-weight:700}
.security-note{margin:24px 0 0;padding-top:18px;border-top:1px solid #e0e5e9;color:#667085;font-size:11px;line-height:1.5}