/* Keep the existing login identity; compact spacing, never clip the form. */
.auth-page:not(.auth-page--modal) { display: grid; place-items: center; min-height: 100dvh; padding: 24px; }
.auth-page.auth-page--modal { padding: 24px; }
.auth-page .auth-shell { width: min(920px, 100%); min-height: 0; margin: 0; }
.auth-page--modal .auth-shell { max-height: calc(100dvh - 48px); }
.auth-page .auth-panel { padding: 24px 32px; }
.auth-page .auth-panel__heading { margin-top: 20px; }
.auth-page .auth-panel__heading h2 { font-size: 28px; }
.auth-page .auth-panel__heading p { margin-top: 6px; }
.auth-page .auth-mode-switch { margin-top: 16px; }
.auth-page .auth-form { gap: 10px; margin-top: 16px; }
.auth-page .auth-field { gap: 6px; }
.auth-page .auth-field__control { min-height: 44px; }
.auth-page .auth-form .platform-legal-consent { margin-block: 4px; }
.auth-page .auth-submit-button { min-height: 44px; margin-top: 0; }
.auth-page .auth-hero { min-height: 0; padding: 28px 32px 24px; }
.auth-page .auth-hero__copy { padding-top: 56px; }
.auth-page .auth-hero__copy h1 { font-size: clamp(40px, 4vw, 52px); }
.auth-page .auth-notice { padding: 10px 12px; border-radius: 10px; background: #163a43; color: #d3f4f7; font-size: 12px; line-height: 1.6; }
html.dreamina-light .auth-page .auth-notice { background: #edf5ff; color: #234e83; }
@media (max-width: 860px) {
  .auth-page .auth-shell { grid-template-columns: 1fr; width: min(460px, 100%); }
  .auth-page .auth-hero { display: none; }
}
@media (max-width: 760px) {
  .auth-page:not(.auth-page--modal), .auth-page.auth-page--modal { padding: 12px; }
  .auth-page .auth-shell { border-radius: 20px; }
  .auth-page--modal .auth-shell { max-height: calc(100dvh - 24px); }
  .auth-page .auth-panel { padding: 22px 24px; }
  .auth-page .auth-panel__heading { margin-top: 18px; }
  .auth-page .auth-panel__heading h2 { font-size: 26px; }
}
@media (max-height: 640px) and (min-width: 761px) {
  .auth-page .auth-panel { padding-block: 18px; }
  .auth-page .auth-panel__heading, .auth-page .auth-mode-switch, .auth-page .auth-form { margin-top: 12px; }
  .auth-page .auth-hero__copy { padding-top: 32px; }
  .auth-page .auth-hero__copy h1 { font-size: 40px; }
}