:root{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:#23272f;background:#f3f5f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.login-shell{display:grid;min-height:100vh;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,#fff 0,#f3f5f8 52%,#e9edf1 100%)}.login-card{width:min(400px,100%);padding:38px 38px 32px;border:1px solid #e1e5e9;border-radius:10px;background:#fff;box-shadow:0 18px 48px rgba(25,31,38,.1)}.brand-mark{display:grid;width:48px;height:48px;margin:0 auto 18px;place-items:center;border-radius:12px;background:#f47b20;color:#fff;font-size:24px;font-weight:700}.login-heading{text-align:center}.login-heading h1{margin:0;font-size:23px}.login-heading p{margin:9px 0 28px;color:#747b84;font-size:14px}form{display:grid;gap:17px}label{display:grid;gap:7px;color:#4c535c;font-size:14px}input{width:100%;height:42px;padding:0 12px;border:1px solid #ccd1d7;border-radius:6px;outline:none;background:#fff;font-size:16px}input:focus{border-color:#f47b20;box-shadow:0 0 0 3px rgba(244,123,32,.13)}button{height:42px;border:0;border-radius:6px;background:#f47b20;color:#fff;font-size:15px;font-weight:600;cursor:pointer}button:disabled{cursor:wait;opacity:.65}#loginError{min-height:20px;margin:-3px 0;color:#c7362f;font-size:13px}.login-note{margin:24px 0 0;color:#9298a0;font-size:12px;text-align:center}@media(max-width:480px){.login-card{padding:32px 24px}.login-shell{align-items:start;padding-top:12vh}}