:root{color-scheme:light;--ink:#172630;--muted:#52616d;--amber:#dca02d;--background:#eef2f5;--line:#cbd4db}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
.test-notice{margin:0;padding:12px 20px;text-align:center;background:#ffe08a;color:#241800;font-size:14px;font-weight:650}
main{display:grid;place-items:center;min-height:calc(100svh - 66px);padding:32px 20px}.signin{width:min(100%,420px);padding:36px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--amber);border-radius:8px}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--amber);border-radius:6px;font-size:27px;font-weight:800}.brand strong{display:block;font-size:20px;letter-spacing:3px}.brand small{display:block;font-size:12px;color:var(--muted)}
h1{margin:0 0 8px;font-size:28px;line-height:1.2;letter-spacing:-.5px}.intro{color:var(--muted);margin:0 0 28px}label{display:block;margin:18px 0 6px;font-weight:650}input{width:100%;min-height:48px;border:1px solid #8495a3;border-radius:5px;padding:10px 12px;font:inherit;background:#fff;color:var(--ink)}input[aria-invalid=true]{border:2px solid #a52525}button{width:100%;min-height:48px;border:0;border-radius:5px;background:var(--ink);color:#fff;font:650 16px system-ui;cursor:pointer}button:hover{background:#2b4253}button:disabled{opacity:.7;cursor:wait}input:focus-visible,button:focus-visible{outline:3px solid #2469a5;outline-offset:3px}#login-error{min-height:24px;margin:14px 0;color:#9b2323;font-size:14px}@media(max-width:480px){main{padding:24px 16px;align-items:start}.signin{padding:28px 24px}.test-notice{font-size:12px}}

.help{font-size:14px;color:var(--muted);line-height:1.5}.signin a{color:#205f88}