@media(max-width:1050px){
  .nav-links{gap:14px;font-size:13px}.course-grid{grid-template-columns:repeat(3,1fr)}
  .about-grid{grid-template-columns:1fr 1fr}.about-copy{grid-column:1/-1;text-align:center}.about-copy .btn{margin:auto}
}
@media(max-width:820px){
  .nav-links{display:none;position:absolute;top:82px;right:20px;left:20px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
  body.dark .nav-links{background:#0d1b31}.nav-links.open{display:flex}.nav-links a{padding:11px 14px;border-radius:10px}.nav-links a.active:after{display:none}.nav-links a.active{background:#edf5ff}
  .menu-btn{display:block}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero p{margin:auto}.hero-buttons,.feature-row{justify-content:center}.hero-visual{min-height:430px}.teacher-hero{max-width:560px}.course-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr);gap:14px}.stats div:nth-child(2){border-left:0}.about-grid{grid-template-columns:1fr}.about-photo{min-height:320px}.about-photo img{height:330px}.testimonial-grid{grid-template-columns:1fr}.contact-box{flex-direction:column;text-align:center}
}
@media(max-width:540px){
  .container{width:min(100% - 24px,1180px)}.brand small{display:none}.brand strong{font-size:13px}.nav-actions .btn-small{display:none}.hero{padding-top:40px}.hero h1{font-size:39px}.hero p{font-size:15px}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.feature-row span{font-size:11px}.hero-visual{min-height:350px}.teacher-hero{max-height:390px}.portrait-ring{width:280px;height:280px}.code-float{font-size:10px;left:0}.ai-bubble,.code-bubble{width:46px;height:46px;font-size:12px}.course-grid{grid-template-columns:1fr}.course-image{height:180px}.stats{grid-template-columns:1fr 1fr;padding:14px}.stats strong{font-size:24px}.stats span{font-size:11px}.section{padding:60px 0}.section-heading h2{font-size:30px}.about-grid{padding:20px}.contact-box{padding:30px 20px}.contact-box h2{font-size:24px}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-links,.socials{justify-content:center}
}