.logout { background: transparent; cursor: pointer; font: inherit; }
.login-dialog { width: min(460px, calc(100vw - 32px)); max-width: none; overflow: hidden; border: 0; border-radius: 24px; padding: 0; box-shadow: 0 30px 90px rgba(0,0,0,.35); }
.login-dialog::backdrop { background: rgba(3,35,52,.9); backdrop-filter: blur(8px); }
.login-dialog .modal-form { box-sizing: border-box; width: 100%; max-width: 100%; padding: 34px; overflow: hidden; }
.login-dialog h2 { font-size: 28px; margin: 6px 0 10px; }
.login-dialog p { color: #607b8a; line-height: 1.5; }
.login-dialog label { display: grid; gap: 8px; font-weight: 800; margin: 24px 0 10px; }
.login-error { min-height: 22px; color: #b42318 !important; font-weight: 800; }
@media (max-width: 520px) {
  .login-dialog { width: calc(100vw - 20px); border-radius: 20px; }
  .login-dialog .modal-form { padding: 26px 22px; }
  .login-dialog h2 { font-size: 24px; }
}