body {
  font-family: 'Poppins', sans-serif;
  scroll-behavior: smooth;
}

.hero {
     height: 100vh;
  background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
            blueviolet;
  color: white;
}

.hero h1 {
  font-size: 3rem;
  font-weight: 700;
}

.hero .highlight {
  color: #0d6efd; /* Bootstrap primary */
}

section {
  text-align: center;
  padding: 60px 0;
}

.progress {
  height: 10px;
}

footer {
  font-size: 0.9rem;
}