@media (max-width: 620px) {
  .auth-shell .page-nav { min-height: 52px; padding: 8px 12px; gap: 6px; }
  .auth-shell .wordmark { font-size: 18px; }
  .auth-shell .menu-chip { display: none; }
  .auth-shell .nav-pill { min-width: 52px; height: 36px; font-size: 14px; border-radius: 8px; }
  .auth-shell .login-stage { min-height: calc(100vh - 52px); padding: 12px 10px 14px; }
  .auth-shell .login-hero { border-radius: 10px; }
  .auth-shell .hero-grid { min-height: 214px; padding: 34px 22px 28px; background-size: 48px 44px; }
  .auth-shell .hero-badge { min-height: 34px; padding: 0 12px; font-size: 14px; border-radius: 8px; }
  .auth-shell .hero-grid h1 { margin-top: 30px; font-size: 27px; line-height: 1.22; }
  .auth-shell .login-panel { padding: 28px 20px 24px; }
  .auth-shell .auth-form h2 { font-size: 28px; }
  .auth-shell .auth-form p { margin: 10px 0 24px; font-size: 16px; }
  .auth-shell .icon-field { min-height: 52px; margin-bottom: 14px; grid-template-columns: 46px minmax(0,1fr) auto; border-radius: 8px; }
  .auth-shell .field-icon,
  .auth-shell .icon-field input,
  .auth-shell .icon-action,
  .auth-shell .field-button { height: 50px; }
  .auth-shell .icon-field input { font-size: 16px; padding: 0 14px; }
  .auth-shell .field-icon { font-size: 17px; }
  .auth-shell .icon-action,
  .auth-shell .field-button { font-size: 14px; padding: 0 12px; }
  .auth-shell .login-options { margin-bottom: 22px; font-size: 15px; }
  .auth-shell .login-options input { width: 18px; height: 18px; vertical-align: -3px; }
  .auth-shell .submit-main { min-height: 50px; font-size: 18px; border-radius: 8px; }
  .auth-shell .switch-line { margin-top: 18px; font-size: 15px; }
  .auth-shell .form-message { font-size: 14px; }
}

@media (max-width: 380px) {
  .auth-shell .page-nav { flex-wrap: nowrap; }
  .auth-shell .hero-grid { min-height: 196px; padding: 28px 18px 24px; }
  .auth-shell .hero-grid h1 { font-size: 25px; margin-top: 26px; }
  .auth-shell .login-panel { padding: 24px 18px 22px; }
}