/* ========== LANDING + LOGIN RESPONSIVE ========== */
@media(max-width:980px){
  .hero-inner,.about-grid,.contact-wrap,.login-wrap{grid-template-columns:1fr;}
  .course-grid,.testi-grid{grid-template-columns:1fr;}
  .nav,.section{padding-left:24px;padding-right:24px;}
  .hero h1{font-size:38px;}
  .login-art{display:none;}
  .form-row{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:640px){
  .nav{padding:14px 16px;}
  .nav.scrolled{padding:12px 16px;}
  .nav:not(.scrolled) .brand{color:white;}
  .nav.scrolled .brand{color:var(--charcoal);}
  .brand{font-size:13.5px;gap:8px;}
  .brand span{max-width:none;white-space:normal;line-height:1.1;}
  .logo{width:34px;height:34px;}
  .nav-links{display:none;}
  .nav-cta > .btn{display:none;}
  .nav-burger{display:flex;border-color:rgba(255,255,255,0.4);}
  .nav-burger span{background:white;}
  .nav.scrolled .nav-burger{border-color:var(--line);}
  .nav.scrolled .nav-burger span{background:var(--charcoal);}
  .nav-mobile{
    display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:4px;
    padding:14px 16px 18px;background:rgba(255,255,255,0.98);backdrop-filter:blur(14px);
    box-shadow:0 14px 30px rgba(0,0,0,0.14);border-top:1px solid var(--line);z-index:120;
  }
  .nav-mobile.open{display:flex;}
  .nav-mobile a{color:var(--charcoal);font-weight:600;font-size:15px;padding:11px 6px;border-radius:8px;}
  .nav-mobile a:hover{background:var(--cream);color:var(--orange);}
  .nav-mobile .btn-ghost{color:var(--charcoal);border-color:var(--gray-light);background:transparent;}
  .hero-inner{padding:120px 16px 72px;gap:36px;}
  .hero h1{font-size:30px;}
  .hero-actions{flex-direction:column;}
  .hero-actions .btn{width:100%;}
  .hero-stats{flex-wrap:wrap;gap:20px;}
  .footer-grid{grid-template-columns:1fr;}
  .section{padding:64px 20px;}
  #courses .section-head h2{white-space:normal;}
  .section.dark{margin:0 12px;border-radius:24px;}
}