.login-modes { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.login-modes button { flex: 1; min-height: 38px; border: 1px solid #cbd8eb; border-radius: 9px; padding: 8px 12px; background: #f7faff; color: #334664; cursor: pointer; }
.login-modes button[aria-pressed="true"] { background: #e7f0ff; border-color: #3778db; color: #185bbd; }
.account-password { display: grid; gap: 12px; width: 100%; max-width: 560px; }
.account-password h3, .account-password p { margin: 0; }
.account-password p { line-height: 1.6; overflow-wrap: anywhere; }
.account-password label { display: grid; gap: 6px; text-align: left; }
.account-password input { width: 100%; min-width: 0; box-sizing: border-box; min-height: 42px; border: 1px solid #cad7e8; border-radius: 9px; padding: 10px; background: #fff; color: #20334e; }
.password-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.password-actions button { min-height: 42px; border: 1px solid #cad7e8; border-radius: 9px; padding: 10px 16px; background: #f5f8ff; color: #205897; cursor: pointer; }
.password-actions .password-save { color: #fff; background: #246bd3; border-color: #246bd3; }
.password-actions button:disabled { opacity: .55; cursor: default; }
.password-notice { min-height: 1.6em; }
#loginPasswordRow[hidden], #loginCodeRow[hidden], #code-row[hidden], #password-row[hidden], #sendCode[hidden], #request-code[hidden] { display: none !important; }