:root{--ink:#1f2430;--muted:#707887;--line:#e2e5ea;--accent:#4d75df;--accent2:#eef3ff;--panel:#fff;--bg:#f6f7f9;--danger:#a23b48;--shadow:0 18px 55px rgba(24,32,50,.12)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}body{min-height:100vh;display:grid;place-items:center}.login-shell{width:100%;padding:28px}.login-card{width:min(420px,100%);margin:auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:var(--shadow)}.brand-mark{width:48px;height:48px;border-radius:13px;background:var(--accent);color:white;display:grid;place-items:center;font-size:22px;font-weight:800;margin-bottom:18px}.login-card h1{margin:0;font-size:28px}.subtitle{margin:7px 0 26px;color:var(--muted)}label{display:block;font-size:12px;font-weight:750;margin-bottom:7px}input{width:100%;border:1px solid #dfe2e8;border-radius:9px;background:#fff;padding:12px 13px;outline:none;font-size:15px;color:var(--ink)}input:focus{border-color:#92afff;box-shadow:0 0 0 3px #edf2ff}button{width:100%;margin-top:13px;border:1px solid var(--accent);border-radius:9px;background:var(--accent);color:white;padding:11px 14px;font-weight:750;cursor:pointer}button:disabled{opacity:.65;cursor:wait}.error{margin-top:13px;background:#fff1f2;border:1px solid #f0cdd1;color:var(--danger);padding:10px 11px;border-radius:9px;font-size:13px}.hidden{display:none}.security-note{margin:24px 0 0;color:#8b93a1;font-size:11px;line-height:1.5;border-top:1px solid #eef0f3;padding-top:16px}