:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#0a2c4d;background:#eef3f8}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#0a2c4d 0%,#164a79 38%,#edf2f7 38%)}
.card{width:100%;max-width:440px;padding:40px 36px;background:white;border-radius:16px;box-shadow:0 20px 70px #05233d33}
.card img{object-fit:contain}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;margin:24px 0 8px}h1{font-size:30px;margin:0}.intro{color:#637489;line-height:1.6;margin:12px 0 30px}
label{display:block;font-size:14px;font-weight:600;margin:20px 0 8px}input{width:100%;padding:13px;border:1px solid #bac7d3;border-radius:7px;font:inherit}input:focus{outline:3px solid #b7d6f0;border-color:#164a79}
button{width:100%;border:0;border-radius:7px;padding:14px;font:inherit;font-weight:700;background:#0a2c4d;color:white;margin-top:26px;cursor:pointer}button:disabled{opacity:.6}
#loginError{color:#ad2637;font-size:14px;line-height:1.5;min-height:20px}.foot{font-size:12px;color:#718196;border-top:1px solid #e3e8ee;padding-top:20px;margin-bottom:0}
@media(max-width:480px){.card{padding:28px 24px}h1{font-size:27px}body{padding:16px}}