@media (max-width: 1024px) {
  .main-nav ul { gap:0 }
  .main-nav ul a { padding:8px 8px;font-size:.78rem }
  .nav-cta { padding:9px 11px }
  .instructor-layout { gap:30px }
}
@media (max-width: 768px) {
  .container { padding:0 20px }
  .header-inner { height:68px }
  .nav-toggle { display:flex;flex-direction:column;gap:5px;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--paper);cursor:pointer;z-index:201 }
  .nav-toggle span { width:20px;height:2px;background:var(--pine-deep);border-radius:2px;transition:transform .2s ease,opacity .2s ease }
  .nav-toggle.open span:nth-child(1) { transform:translateY(7px) rotate(45deg) }
  .nav-toggle.open span:nth-child(2) { opacity:0 }
  .nav-toggle.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg) }
  .main-nav { position:fixed;top:68px;left:0;right:0;bottom:0;display:none;flex-direction:column;align-items:stretch;gap:10px;padding:22px 20px 34px;background:var(--paper);border-top:1px solid var(--line);overflow-y:auto }
  .main-nav.open { display:flex }
  .main-nav ul { display:flex;flex-direction:column;align-items:stretch;width:100%;gap:3px }
  .main-nav ul a { display:block;padding:14px 13px;font-size:.98rem }
  .nav-cta { width:100%;margin:8px 0 0;padding:14px }
  .hero { padding:62px 0 56px }
  .hero h1 { font-size:clamp(2.5rem,12vw,4rem) }
  .hero p { font-size:1rem }
  .quiz-section,.social-proof,.faq-section,.courses-section,.mock-test-section,.blog-section,.instructor-section,.contact-section { padding:54px 0 }
  .quiz-card,.mock-card { padding:27px 20px }
  .section-title { margin-bottom:26px }
  .section-title h2 { font-size:2.15rem }
  .courses-grid,.reviews-grid,.blog-grid,.trust-grid,.footer-grid,.instructor-layout,.contact-card,.about-grid,.ad-card-grid,.ad-steps-wrap { grid-template-columns:1fr }
  .courses-grid { gap:13px }
  .course-card { padding:24px }
  .trust-grid { gap:0 }
  .trust-item { border-right:0;border-bottom:1px solid #cbd8d4;padding:14px 6px }
  .trust-item:last-child { border-bottom:0 }
  .footer-grid { gap:25px }
  .contact-info,.contact-form { padding:28px 22px }
  .form-grid-2 { grid-template-columns:1fr;gap:0 }
  .about-hero { padding:56px 0 }
  .about-hero h1 { font-size:2.75rem }
  .values-grid { grid-template-columns:1fr 1fr }
  .legal-page { padding:34px 0 50px }
  .legal-content { padding:27px 21px }
  .ad-hero { padding:48px 0 40px }
  .ad-steps-wrap { gap:18px;padding:22px }
  .cookie-banner { bottom:10px;left:10px;right:10px }
  .cookie-banner-inner { flex-direction:column;align-items:stretch;gap:13px;padding:17px }
  .cookie-banner-actions { display:flex }
  .cookie-btn { flex:1 }
  .admin-layout { flex-direction:column }
  .admin-sidebar { width:100% }
  .admin-nav { display:flex;flex-wrap:wrap;padding:8px }
  .admin-nav a { padding:10px 12px }
  .admin-sidebar-footer { padding:12px 18px }
  .admin-content { padding:18px }
  .stats-cards { grid-template-columns:1fr 1fr }
}
@media (max-width: 480px) {
  .container { padding:0 17px }
  .logo { font-size:1rem }
  .logo svg { width:32px;height:32px }
  .hero { padding:50px 0 45px }
  .hero h1 { font-size:2.55rem }
  .hero .btn { width:100% }
  .hero-counter { font-size:.74rem!important }
  .quiz-card,.mock-card { padding:21px 16px }
  .quiz-question h3,.mock-question h3 { font-size:1.25rem }
  .quiz-option,.mock-option { padding:13px 14px }
  .values-grid { grid-template-columns:1fr }
  .stats-row { gap:15px }
  .stats-cards { grid-template-columns:1fr }
  .thankyou-card { padding:32px 21px }
  .notfound-page h1 { font-size:5.5rem }
  .cookie-banner-actions { flex-direction:column-reverse }
  .post-meta { flex-direction:column;gap:5px }
  .ad-hero-actions { flex-direction:column;align-items:stretch }
  .ad-hero-actions .btn { width:100% }
  .footer-disclaimer-block { flex-direction:column;gap:7px;padding:15px }
  .admin-login-card { padding:28px 21px }
}