:root{color-scheme:dark;font-family:"Segoe UI",system-ui,sans-serif;background:#111c31;color:#e9eef7}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}
.login-card{width:min(440px,100%);padding:34px;background:#1a2944;border:1px solid #344966;border-radius:18px;box-shadow:0 24px 70px #050b1a80}
img{display:block;width:170px;max-height:65px;object-fit:contain;object-position:left;margin-bottom:28px}
h1{margin:0 0 10px;font-size:26px}
p{color:#b7c3d6;line-height:1.5}
form{display:grid;gap:11px;margin:26px 0}
label{font-weight:700}
input,select{width:100%;padding:13px 14px;background:#111c31;border:1px solid #516682;border-radius:9px;color:white;font:inherit}
input:focus,select:focus{outline:2px solid #72a6ff;outline-offset:2px}
button{border:0;border-radius:9px;padding:13px;background:#448cff;color:white;font:inherit;font-weight:700;cursor:pointer}
button:disabled{opacity:.7;cursor:wait}
#feedback{margin:0;min-height:1.5em;color:#ff9eaa}
small{color:#8d9bb3;line-height:1.5}
code{color:#dfe9ff}