.main-login { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; min-height: 100svh; min-height: 100dvh; width: 100%; padding: 20px 16px; }
#auth-section { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 400px; padding: 24px; margin: auto; }
#auth-section .auth-intro { margin-bottom: 16px !important; }
#auth-section .auth-title { font-size: 24px !important; line-height: 1.2 !important; margin-bottom: 8px !important; }
#auth-section .auth-logo { width: 150px !important; height: 108px !important; }
#auth-section .auth-description { font-size: 14px !important; line-height: 1.5; margin: 6px 0 0 !important; }
#auth-section button { box-sizing: border-box; min-height: 48px; padding: 11px 14px; font-size: 16px; margin: 0 0 12px; }
#auth-section input[type="email"], #auth-section input[type="password"] { box-sizing: border-box; width: 100%; min-height: 48px; padding: 12px 14px; margin: 0 0 12px; font-size: 16px; }
#auth-section .auth-divider { margin: 2px 0 16px !important; }
#auth-section .auth-divider > span { display: flex !important; width: 100%; font-size: 14px; }
#auth-section .auth-divider > span > span:first-child, #auth-section .auth-divider > span > span:last-child { flex: 1; width: auto !important; }
#auth-section .auth-forgot { margin: 0 0 16px !important; }
#auth-section #forgot-password-link { font-size: 14px !important; }
#auth-section #auth-msg:empty { display: none; }
#auth-section .auth-terms { margin-top: 12px !important; font-size: 12px !important; line-height: 1.5; }
#auth-section #login-register-toggle { margin-top: 18px !important; font-size: 14px !important; line-height: 1.5; }
#auth-section #login-register-toggle > span { font-size: 14px !important; white-space: normal !important; }
.main-login #register-section { box-sizing: border-box; flex-shrink: 0; max-width: 400px; margin: auto !important; }
@media (max-width: 480px), (max-height: 740px) {
  .main-login { padding: 12px; }
  #auth-section { padding: 20px; border-radius: 16px; }
  #auth-section .auth-title { font-size: 21px !important; }
  #auth-section .auth-logo { width: 122px !important; height: 88px !important; }
  #auth-section .auth-intro { margin-bottom: 12px !important; }
  #auth-section .auth-description { font-size: 14px !important; }
  #auth-section #login-register-toggle { margin-top: 14px !important; }
}