body {
  font-family: 'Segoe UI', sans-serif;
  line-height: 1.7;
  background-color: #f8f9fa;
}

.hero-section {
  height: 60vh;
  background-size: cover;
  background-position: center;
  position: relative;
}

.hero-section::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}

.hero-section .container {
  position: relative;
  z-index: 2;
}

.content-section ul {
  padding-left: 1rem;
}

.content-section ul li {
  margin-bottom: 0.5rem;
}

footer {
  font-size: 0.9rem;
}