:root{font:15px system-ui,sans-serif;color:#203047;background:#f4f6fa}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{background:white;border:1px solid #e5e9f0;border-radius:16px;padding:34px;width:min(420px,100%)}.brand{font-weight:800;color:#255ce5}h1{font-size:24px;margin:22px 0}form,label{display:grid;gap:8px}form{gap:20px}label{font-size:13px}input,button{font:inherit;border-radius:8px;padding:12px;border:1px solid #dce2ed;width:100%;color:#203047}.remember{display:flex;align-items:center;gap:10px;line-height:1.5}.remember input{width:17px;height:17px;flex-shrink:0}button{background:#255ce5;color:white;border-color:#255ce5;cursor:pointer;font-weight:600}button:disabled{opacity:.6;cursor:wait}input:focus-visible,button:focus-visible{outline:3px solid #aac3f4;outline-offset:2px}#login-status{margin:0;font-size:13px;line-height:1.5;color:#b84040;min-height:20px}