*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f7f7f6;color:#20242a;font:16px/1.65 system-ui,"Microsoft YaHei",sans-serif;padding:24px}main{width:min(100%,480px);padding:36px;background:#fff;border:1px solid #e1e4e8;border-radius:12px}.brand{color:#d52f30;font-size:14px;font-weight:600;margin:0 0 20px}h1{font-size:25px;line-height:1.4;margin:0 0 14px}#login-status{min-height:54px;overflow-wrap:anywhere}button{border:0;border-radius:6px;padding:11px 20px;background:#ed3737;color:#fff;font:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.hint{font-size:14px;color:#68717d;margin:24px 0 12px}a{font-size:14px;color:#6c536f;text-underline-offset:3px}button:focus-visible,a:focus-visible{outline:3px solid #2684ff;outline-offset:3px}