/*body {
  font-family: "Segoe UI", sans-serif;
  margin: 0;
  padding: 0;
  background: #f7f7f7;
  color: #333;
}*/


/* Reveal sections */
.reveal {
  /*background: white;
  margin-bottom: 3rem;
  padding: 5rem 2rem;
  border-radius: 12px;*/
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.8s ease;
  will-change: transform, opacity;
}

/* When in view */
.reveal.active {
  opacity: 1;
  transform: none;
}

/* Specific Animations */
.fade-in {
  transform: translateY(40px);
}

.slide-left {
  transform: translateX(-60px);
}

.zoom-in {
  transform: scale(0.8);
}

.flip-up {
  transform: rotateX(90deg);
  transform-origin: bottom;
}

.slide-right {
  transform: translateX(60px);
}

.flip-down {
  transform: rotateX(-90deg);
  transform-origin: top;
}

.fade-up {
  transform: translateY(40px);
  opacity: 0;
}

/* Activated states (reuse .active for all) */
.reveal.slide-right.active,
.reveal.flip-down.active,
.reveal.fade-up.active {
  transform: none;
  opacity: 1;
}

/* Activated states */
.reveal.fade-in.active,
.reveal.slide-left.active,
.reveal.zoom-in.active,
.reveal.flip-up.active {
  transform: none;
}