@media (max-width: 1040px) {
  .nav-menu { gap: 5px; }
  .nav-link, .login-btn, .theme-toggle { padding: 10px 12px; }
}
@media (max-width: 940px) {
  .mobile-menu-btn { display: block; }
  .nav-menu { position: absolute; top: calc(100% + 14px); left: 24px; right: 24px; display: flex; align-items: stretch; flex-direction: column; padding: 16px; border-radius: 26px; background: rgba(20, 14, 50, .94); border: 1px solid rgba(255,255,255,.18); backdrop-filter: blur(22px); opacity: 0; visibility: hidden; transform: translateY(-12px) scale(.98); transition: opacity .25s ease, transform .25s ease, visibility .25s ease; }
  [data-theme="light"] .nav-menu { background: rgba(255,255,255,.96); border-color: rgba(124,58,237,.16); }
  .nav-menu.open { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
  .nav-link, .login-btn, .theme-toggle { width: 100%; text-align: left; justify-content: flex-start; }
  .dropdown-menu, .login-menu { position: static; min-width: 100%; opacity: 1; visibility: visible; transform: none; display: grid; grid-template-rows: 0fr; padding: 0 10px; margin-top: 0; box-shadow: none; overflow: hidden; transition: grid-template-rows .28s ease, padding .28s ease, margin .28s ease; }
  .dropdown-menu > *, .login-menu > * { overflow: hidden; }
  .dropdown.open .dropdown-menu, .login-wrap.open .login-menu { grid-template-rows: 1fr; padding: 10px; margin-top: 8px; }
  .cards-grid, .courses-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
  .site-header { top: 10px; padding: 0 12px; }
  .navbar { border-radius: 20px; }
  .hero { padding-top: 130px; }
  .hero-content { padding: 38px 20px; border-radius: 28px; }
  .hero-actions { align-items: stretch; flex-direction: column; }
  .btn { width: 100%; }
  .section { padding: 80px 18px 30px; }
  .feature-card { min-height: auto; }
  .footer-grid { grid-template-columns: 1fr; gap: 24px; }
  .auth-card { padding: 28px; }
}