:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#332421;background:#fbf8f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.auth-layout{min-height:100vh;display:grid;grid-template-columns:47% 53%}.brand-panel{padding:48px clamp(40px,6vw,100px);background:#fbe8df;display:flex;flex-direction:column;justify-content:space-between}.brand,.mobile-brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700;letter-spacing:-.04em}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#d84e30;color:white;font-size:21px}.brand-copy h1{font-size:clamp(36px,3.9vw,62px);letter-spacing:-.055em;line-height:1.2;margin:22px 0;color:#54271e}.brand-copy>p:last-child,.brand-foot{color:#936f65}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:#b17c6d}.brand-foot{font-size:13px}.form-panel{display:grid;place-items:center;padding:52px 28px}.auth-card{width:min(100%,390px)}h2{font-size:30px;letter-spacing:-.04em;margin:14px 0 10px}.subtitle{color:#a58c84;font-size:14px;margin:0 0 31px}form{display:grid;gap:10px}label{font-size:13px;font-weight:600;margin-top:9px}input{font:inherit;width:100%;min-width:0;background:white;border:1px solid #efe1dc;border-radius:11px;padding:14px 15px;outline:none}input:focus{border-color:#e3795e;box-shadow:0 0 0 3px #fbe0d6}input::placeholder{color:#c9b6af}.code-field{display:flex;gap:9px}.code-field button{white-space:nowrap;padding:0 14px;border:1px solid #f0d8cf;background:#fff4ef;color:#d84e30;border-radius:11px;cursor:pointer;font-weight:600}.primary{border:0;border-radius:11px;background:#d84e30;color:#fff;padding:15px;font-weight:700;font-size:15px;margin-top:19px;cursor:pointer}.primary:hover{background:#b83c22}#form-message{min-height:1em;color:#a54640;font-size:13px;margin:0}.login-link{text-align:center;font-size:13px;color:#a58c84}.login-link a{color:#d84e30;text-decoration:none;font-weight:700}.mobile-brand{display:none}@media(max-width:760px){.auth-layout{display:block}.brand-panel{display:none}.form-panel{min-height:100vh;padding:38px 26px}.mobile-brand{display:flex;margin-bottom:50px}.auth-card{max-width:390px}}

[hidden]{display:none!important}button:disabled{opacity:.55;cursor:not-allowed}

/* Keep the sign-in experience consistent with Schat's chat interface. */
:root{color:#252525;background:#f8f7f5}
.brand-panel{background:#292a2c;color:#f6f4f1}
.brand-mark{background:#c95035;border-radius:10px}
.brand-copy h1{color:#f6f4f1;font-size:clamp(36px,3.5vw,56px)}
.brand-copy>p:last-child,.brand-foot{color:#aaa7a3}
.eyebrow{color:#e78a72}
.subtitle,.login-link{color:#8e8985}
input{border-color:#e4e0dd;border-radius:9px}
.primary{background:#c95035;border-radius:9px}
.primary:hover{background:#ad412b}
/* Dark sign-in and registration, matching the chat client. */
:root { background:#111113; color:#f4f2ef; }
.brand-panel { background:#1c1c1e; }.brand-mark { background:#d65d1c; }.brand-copy h1 { color:#f4f2ef; }.brand-copy>p:last-child,.brand-foot,.subtitle,.login-link { color:#a49c9a; }.form-panel { background:#111113; }.auth-card h2,.auth-card label { color:#f4f2ef; }.auth-card input { color:#f4f2ef; background:#242426; border-color:#3a3838; }.auth-card input:focus { border-color:#d65d1c; box-shadow:0 0 0 3px #d65d1c33; }.auth-card input::placeholder { color:#888184; }.primary { background:#d65d1c; }.primary:hover { background:#b94c17; }.login-link a,.eyebrow { color:#ed9567; }.code-field button { background:#303033; color:#ed9567; border-color:#494446; }
.avatar-picker { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:4px 0 12px; }
.avatar-picker img { width:44px; height:44px; border-radius:50%; object-fit:cover; }
.avatar-picker input[type="file"] { max-width:100%; }
.avatar-picker span { width:100%; color:#a49c9a; font-size:12px; }