/* Responsive breakpoints and helpers */
@media (max-width:1200px){.container{max-width:980px}.hero .hero-inner{flex-direction:column-reverse;gap:20px;padding:20px}}
@media (max-width:1024px){h1{font-size:2rem}.hero{padding:56px 0}.navbar .nav-items{display:none}}
@media (max-width:768px){.navbar{padding:10px}.hero .headline{font-size:1.6rem}.section{padding:40px 0}.footer-grid{grid-template-columns:repeat(1,1fr)}
  .course-image{width:100px;height:70px}
}
@media (max-width:480px){h1{font-size:1.4rem}body{font-size:14px}.hero{padding:36px 0}.container{padding:0 14px}}
/* Utility spacing for mobile */
.p-12{padding:12px}
.m-0{margin:0}