/* -- RESPONSIVE -- */
    @media (max-width: 1100px) {
      .courses-grid { grid-template-columns: repeat(2, 1fr); }
      .footer-grid  { grid-template-columns: 1fr 1fr 1fr; }
    }
    @media (max-width: 820px) {
      .container { padding: 0 20px; }
      nav { padding: 0 20px; gap: 16px; }
      .hero-wrap { padding: 16px 20px 0; }
      .nav-links { display: none; flex-direction: column; }
      .nav-links.open {
        display: flex;
        position: absolute; top: 80px; left: 0; right: 0;
        background: var(--white);
        border-top: 1px solid #eee;
        padding: 8px 0 12px;
        box-shadow: 0 4px 16px rgba(0,0,0,.1);
        z-index: 300;
      }
      .nav-links.open a { padding: 12px 24px; border-radius: 0; }
      .nav-hamburger { display: flex; }
      .nav-actions .btn-blue { display: none; }
      .courses-grid { grid-template-columns: 1fr; }
      .learning-inner { grid-template-columns: 1fr; }
      .photos { display: none; }
      .about-inner {
        grid-template-columns: 1fr;
        gap: 28px; padding: 40px 20px;
      }
      .steps-panels { grid-template-columns: 1fr; }
      .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 28px;
      }
    }
    @media (max-width: 480px) {
      .hero-btns { flex-direction: column; align-items: stretch; }
      .hero-btns .btn { text-align: center; }
      .footer-grid { grid-template-columns: 1fr; }
    }