:root {
  --primary: #3f8dfb;
  --accent: #0ed44c;
  --dark: #0f172a;
  --light: #f8fafc;
}
* { box-sizing: border-box; }
body { font-family: 'Outfit', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji'; color: var(--dark);}
.brand { letter-spacing: .3px; }
.navbar .nav-link { font-weight:600; }
.btn-primary { background-color: var(--primary); border-color: var(--primary); }
.btn-outline-primary { border-color: var(--primary); color: var(--primary); }
.btn-outline-primary:hover { background: var(--primary); color:#fff; }
a { text-decoration: none; }
.hero { padding: 40px 0 10px; position: relative; }
.hero-bg {
  position: absolute; inset: -20% -10% auto -10%; height: 60%;
  background: radial-gradient(60% 60% at 20% 20%, rgba(63,141,251,.25), transparent 60%),
              radial-gradient(60% 60% at 80% 10%, rgba(14,212,76,.18), transparent 60%);
  filter: blur(40px);
}
.grad { background: linear-gradient(90deg, var(--primary), #6aa8ff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.feature i { color: var(--primary); }
.course-card img { aspect-ratio: 16/10; object-fit: cover; }
.course-card .price { font-size: .95rem; }
.page-header { padding: 56px 0; background: linear-gradient(180deg, rgba(63,141,251,.08), rgba(63,141,251,.02)); }
.chip { display:block; width:100%; text-align:center; padding:.6rem 1rem; border:1px solid #e5e7eb; border-radius: 999px; background:#fff; }
footer .brand { color: var(--primary); }
.border { border-color:#e5e7eb !important; }
.badge.text-bg-light { background:#fff !important; }