:root{color-scheme:light;--ink:#172033;--muted:#667085;--line:#dfe4ee;--brand:#5369ed;--brand-dark:#293b9b;--danger:#b42318;--surface:#fff;--bg:#f4f6fb}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Microsoft JhengHei",sans-serif}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,44%) 1fr}.brand-panel{position:relative;overflow:hidden;display:flex;min-height:100vh;flex-direction:column;padding:42px 54px;color:#fff;background:linear-gradient(145deg,#25368e 0%,#5369ed 62%,#7184f5 100%)}.brand-panel::before,.brand-panel::after{content:"";position:absolute;border-radius:999px;border:1px solid #ffffff25}.brand-panel::before{width:520px;height:520px;right:-240px;top:-180px}.brand-panel::after{width:360px;height:360px;left:-190px;bottom:-150px}.brand-lockup,.mobile-brand{display:flex;align-items:center;gap:12px;font-size:22px}.brand-mark{display:inline-grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#fff;color:#3448bd;font-size:15px;font-weight:800;box-shadow:0 10px 30px #17246944}.brand-message{position:relative;z-index:1;margin:auto 0;max-width:540px}.eyebrow{margin:0 0 12px;color:#8190ff;font-size:15px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.brand-message .eyebrow{color:#dce1ff}.brand-message h1{margin:0;font-size:36px;line-height:1.1;letter-spacing:-.045em}.brand-message>p:last-child{max-width:480px;margin:24px 0 0;color:#e4e7ff;font-size:17px;line-height:1.75}.version{position:relative;z-index:1;margin:0;color:#d8ddff;font-size:15px}.form-panel{display:grid;min-height:100vh;place-items:center;padding:40px}.login-card{width:min(100%,430px)}.mobile-brand{display:none;margin-bottom:48px}.login-card h2{margin:0;font-size:36px;letter-spacing:-.035em}.intro{margin:10px 0 30px;color:var(--muted)}label{display:block;margin:18px 0 7px;color:#344054;font-size:15px;font-weight:700}input{width:100%;height:48px;border:1px solid #cfd6e2;border-radius:11px;background:#fff;padding:0 14px;color:var(--ink);font:inherit;outline:none;transition:.18s}input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #5369ed1a}.password-field{position:relative}.password-field input{padding-right:70px}.password-field button{position:absolute;right:7px;top:7px;height:34px;border:0;border-radius:8px;background:#f0f2ff;color:#3649ba;padding:0 10px;font-weight:700;cursor:pointer}.login-button{width:100%;height:50px;margin-top:26px;border:0;border-radius:11px;background:linear-gradient(120deg,#4055d9,#6478f0);color:#fff;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 12px 28px #5369ed35}.login-button:disabled{opacity:.62;cursor:wait}.status{margin:18px 0 -2px;border:1px solid #f1b7b2;border-radius:10px;background:#fff2f0;padding:11px 13px;color:var(--danger);font-size:15px;line-height:1.5}.security-note{margin:24px 0 0;color:var(--muted);font-size:15px;line-height:1.6}.security-note span{color:#12b76a;margin-right:6px}@media(max-width:820px){.login-shell{grid-template-columns:1fr}.brand-panel{display:none}.form-panel{padding:28px 22px}.mobile-brand{display:flex}.login-card h2{font-size:32px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
button,input,select,textarea{font-family:inherit;font-size:16px}
small{font-size:15px}