:root{
  --bg: #0b0f19;
  --fg: #ffffff;
  --muted: #9aa4b2;
  --primary: #4f7cff;
  --primary-2: #00d4ff;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#fff;color:#111;}

.fw-extrabold{font-weight:800}
.opacity-90{opacity:.9}
.small-quiet{font-size:.9rem; opacity:.8}

.glass-nav{
  background: rgba(12,15,25,.85) !important;
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.logo-dot{
  display:inline-block;width:12px;height:12px;border-radius:50%;
  background: linear-gradient(135deg, var(--primary), var(--primary-2));
  box-shadow:0 0 10px rgba(0,212,255,.6);
}

.hero-section{
  background: url('assets/img/hero.jpg') center/cover no-repeat, radial-gradient(1100px 600px at 10% 10%, #192142, #0b0f19);
  min-height: 85vh;
  padding-top: 5rem;
}
.hero-section .badge.bg-primary-soft{
  background: rgba(79,124,255,.15); color:#cfe0ff; border:1px solid rgba(79,124,255,.35);
}
.gradient-text{
  background: linear-gradient(90deg, var(--primary), var(--primary-2));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.hero-card.glass{background: rgba(255,255,255,.06); color:#fff; border:1px solid rgba(255,255,255,.12)}
.shadow-xxl{box-shadow:0 40px 80px rgba(0,0,0,.35)}
.shadow-soft{box-shadow:0 10px 25px rgba(0,0,0,.10)}

.icon-bubble{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#f1f4ff;}
.feature-card{transition: transform .25s ease, box-shadow .25s ease;}
.feature-card:hover{transform: translateY(-4px); box-shadow:0 20px 40px rgba(0,0,0,.12)}

.page-header{
  background: linear-gradient(135deg, #111827, #0b0f19);
  padding: 7rem 0 3rem;
  margin-top:56px;
}

.py-6{padding-top:4.5rem;padding-bottom:4.5rem}

.check{
  display:inline-block;width:22px;height:22px;border-radius:6px;flex:0 0 22px;
  background: linear-gradient(135deg, #46d26f, #00b894);
  box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
  position:relative; margin-top:2px;
}
.check::after{
  content:""; position:absolute; left:6px; top:2px; width:8px; height:14px; border:2px solid white; border-top:none; border-left:none; transform: rotate(45deg);
}

.course-card img{height:200px; object-fit:cover}
.rounded-top-4{border-top-left-radius:1rem;border-top-right-radius:1rem}

.blog-card .card-body a{font-weight:600}
.btn.shadow-soft{box-shadow:0 10px 25px rgba(79,124,255,.35)}

footer .newsletter-form .form-control{background:#111827;border-color:#2b3244;color:#c7d1e0}
footer .newsletter-form .form-control::placeholder{color:#9aa4b2}
footer .newsletter-form .btn{border-radius:.8rem}

@media (max-width: 991.98px){
  .hero-section{min-height: 70vh;}
}