:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#273344;background:#f5f6f9;font-size:14px}*{box-sizing:border-box}body{margin:0}main{max-width:950px;margin:48px auto;padding:28px;background:white;border:1px solid #e5e9f1;border-radius:16px;box-shadow:0 10px 40px #25324b08}.brand{display:inline-flex;flex-direction:column;gap:4px;font-size:22px;font-weight:750;color:#263345;text-decoration:none}.brand small{font-size:9px;letter-spacing:2px;color:#98a2b3}h1{font-size:25px;margin:28px 0 10px}h2{font-size:17px}p,small{line-height:1.7}.muted,footer{color:#8994a6}footer{font-size:11px;margin-top:32px;border-top:1px solid #edf0f5;padding-top:16px}.tabs,.actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}button,a.button{font:inherit;padding:10px 16px;border:1px solid #e0e5ee;border-radius:8px;background:#fff;color:#65738a;cursor:pointer;text-decoration:none}button.primary{background:#ff2442;color:#fff;border-color:#ff2442}button:disabled{opacity:.5;cursor:wait}form{max-width:440px;display:grid;gap:16px;margin-top:22px}label{display:grid;gap:7px;color:#607089;font-size:12px}input,textarea{font:inherit;color:#263448;border:1px solid #dae1ec;border-radius:8px;padding:11px;min-width:0;width:100%;background:#fafbfe}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;accent-color:#ff2442}#notice{padding:12px 16px;border-radius:8px;background:#f7f9fc;color:#566a83;white-space:pre-wrap}#notice:empty{display:none}section{border-top:1px solid #edf0f5;margin-top:24px;padding-top:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}pre{white-space:pre-wrap;word-break:break-all;background:#fff5f7;padding:14px;border-radius:8px;color:#a32b47}.table{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{padding:10px;border-bottom:1px solid #edf0f5;text-align:left;white-space:nowrap}th{color:#8793a6;font-weight:500}details{margin:16px 0}summary{cursor:pointer;color:#637a99}a{color:#5879b0}:focus-visible{outline:2px solid #ff2442;outline-offset:2px}@media(max-width:650px){main{margin:12px;padding:20px}.grid{grid-template-columns:1fr}.brand{font-size:20px}h1{font-size:23px}}

.email-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.email-code-row button{height:43px;padding:8px 12px;font-size:12px;min-width:108px}.text-action{margin-top:16px;border:0;padding:4px 0;background:transparent;font-size:12px}#login-mfa{margin:0;font-size:12px}#login-mfa label{margin-top:12px}

/* User-provided brand artwork; SVG viewports preserve the original image. */
.brand-lockup{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.brand-icon{display:block;width:40px;height:40px;flex:0 0 40px;border-radius:10px;overflow:hidden}
.brand-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.brand-wordmark{display:block;width:146px;height:28px;max-width:100%;overflow:hidden}
.brand-domain{font-family:inherit;font-size:11px;line-height:1.3;letter-spacing:1.3px;color:#8b919e}

.brand.brand-lockup{display:inline-flex;flex-direction:row;font-size:inherit}
.brand-showcase{display:none}
.account-main{min-width:0}
.auth-guest .account-shell{display:grid;grid-template-columns:minmax(320px,440px) minmax(280px,1fr);align-items:center;gap:42px;max-width:1080px;padding:38px}
.auth-guest .brand-showcase{display:flex;align-items:center;justify-content:center;align-self:stretch;min-height:420px;border-left:1px solid #f2e7ea;padding-left:26px}
.brand-showcase svg{width:100%;max-width:440px;height:auto;overflow:hidden}
.auth-guest form{max-width:none}
@media(max-width:820px){.auth-guest .account-shell{display:block;max-width:560px;margin:20px auto;padding:28px}.auth-guest .brand-showcase{display:none}}
@media(max-width:600px){.auth-guest .account-shell{margin:12px;padding:22px}.brand-wordmark{width:142px}}

/* Center the entire guest card; auto margins become zero when the form needs scrolling. */
body.auth-guest{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding:24px}
.auth-guest .account-shell{width:100%;margin:auto;flex:0 0 auto}
@media(max-width:600px){body.auth-guest{padding:12px}}