:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:#f1f5fa;color:#263750;font:14px/1.5 system-ui,sans-serif}.login-card{width:100%;max-width:440px;border:1px solid #e1e8f2;background:white;border-radius:20px;padding:36px;box-shadow:0 14px 50px #1c355508}.brand{display:grid;place-items:center;width:42px;height:42px;background:#2168d2;color:white;font-size:24px;border-radius:12px}.eyebrow{font-size:12px;color:#76859a;margin:20px 0 8px}h1{font-size:26px;line-height:1.3;margin:0 0 12px}.intro{color:#687a90;margin:0 0 26px}label{display:block;margin:16px 0 7px;font-weight:500}input{width:100%;border:1px solid #d5deeb;border-radius:9px;padding:12px;font:inherit;color:inherit}input:focus-visible{outline:2px solid #2168d2;outline-offset:2px}button{width:100%;background:#2168d2;border:0;color:#fff;font:600 14px system-ui;padding:13px;border-radius:9px;cursor:pointer}button:hover{background:#1856b5}button:disabled{opacity:.65;cursor:wait}#login-error{color:#b23737;min-height:21px;margin:12px 0}.footnote{text-align:center;color:#8995a7;font-size:12px;margin:24px 0 0}@media(max-width:480px){.login-card{padding:26px}}