@media (max-width: 1200px) {
  .featured-grid, .steps-grid, .why-grid, .testimonial-grid, .faq-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 992px) {
  .hero-layout, .dual-grid, .auth-shell { grid-template-columns: 1fr; }
  .auth-visual { min-height: 260px; }
  .stats-grid, .dashboard-widgets { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nav-links { position: fixed; inset: 64px 4% auto; background: rgba(10,16,35,.95); border: 1px solid var(--border-muted); border-radius: var(--radius-md); padding: var(--space-5); flex-direction: column; display: none; }
  .nav-links.open { display: flex; }
  .mobile-toggle { display: inline-flex; }
}
@media (max-width: 768px) {
  .featured-grid, .steps-grid, .why-grid, .testimonial-grid, .faq-grid, .footer-grid, .form-grid { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .section { padding: var(--space-10) 0; }
}
@media (max-width: 576px) {
  .container { width: min(96%, 100%); }
  .stats-grid { grid-template-columns: 1fr; }
  .auth-panel { padding: var(--space-4); }
}
@media (max-width: 420px) {
  .nav-wrap { padding: 0.7rem 0; }
  .gradient-button, .outline-button { width: 100%; }
}