/* Courses Page Styles */
body {
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  background: #f8f8fc;
}
h1,h2,h3,h4 { font-family: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif; letter-spacing: -0.02em; }

.bg-gradient-primary { background-image: linear-gradient(135deg, #5b43d6, #38bdf8); }
.bg-gradient-hero {
  background-image:
    radial-gradient(ellipse at top left, rgba(91,67,214,0.18) 0%, transparent 60%),
    radial-gradient(ellipse at bottom right, rgba(56,189,248,0.14) 0%, transparent 60%);
}
.bg-gradient-card { background-image: linear-gradient(180deg, #ffffff, #f5f5fb); }
.shadow-elegant { box-shadow: 0 20px 50px -20px rgba(91,67,214,0.35); }
.shadow-card    { box-shadow: 0 4px 20px -8px rgba(30,27,60,0.12); }
.text-primary   { color: #5b43d6; }

/* Navbar */
.mobile-menu        { display: none; }
.mobile-menu.open   { display: block; }

/* Course Cards */
.course-card { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.course-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 50px -20px rgba(91,67,214,0.35);
}

/* Filter buttons */
.filter-btn { transition: all 0.15s ease; }
.filter-btn.active {
  background-image: linear-gradient(135deg, #5b43d6, #38bdf8);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 20px 50px -20px rgba(91,67,214,0.35);
}