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

.hero-section {
  height: 100vh;
  background: url('images/Bgcover.jpg') no-repeat center center/cover;
}

.section {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.6s ease-out;
}

.section.reveal.active {
  opacity: 1;
  transform: translateY(0px);
}