/* External presentation only; Element owns all authentication and cryptography. */
.mx_AuthPage { background: #f4f9fb !important; }
.mx_AuthPage .mx_AuthPage_modal { width: calc(100% - 32px); max-width: 480px; margin: 32px auto; box-shadow: none; }
.mx_AuthPage .mx_AuthPage_modalContent { flex-direction: column; width: 100%; min-width: 0; background: #fff; }
.mx_AuthPage .mx_AuthPage_modalBlur { display: none; }
.mx_AuthPage .mx_AuthBody { width: 100%; min-width: 0; box-sizing: border-box; }
.mx_AuthPage .mx_AuthHeader { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 20px; height: auto; width: 100%; box-sizing: border-box; padding: 24px 16px; }
.mx_AuthPage .mx_AuthHeaderLogo { display: none; }
.mx_AuthPage .mx_AuthHeader::before { content: "AgentGW · VeloTok"; display: block; width: 100%; text-align: center; color: #0b1f2a; font: 600 24px system-ui, sans-serif; }
.mx_AuthPage .mx_AuthFooter { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 16px; padding: 20px; width: 100%; box-sizing: border-box; background: none; }
.mx_AuthPage .mx_AuthBody button[type="submit"] { background: #176bff; color: #fff; }
.mx_AuthPage .mx_AuthFooter a { min-height: 44px; display: inline-flex; align-items: center; color: #176bff; }
@media (max-width: 480px) { .mx_AuthPage .mx_AuthPage_modal { width: calc(100% - 32px); max-width: 420px; margin-inline: auto; } }
@media (prefers-color-scheme: dark) {
  .mx_AuthPage { background: #07131b !important; }
  .mx_AuthPage .mx_AuthFooter a { color: #70a5ff; }
}