/* Base Layer styles */
@layer base {
  html, body {
    margin: 0;
    padding: 0;
  }
  body {
    overscroll-behavior: none;
  }
  main > :first-child {
    margin-top: 0 !important;
  }
  main > :last-child {
    margin-bottom: 0 !important;
  }
}

/* Hide scrollbars globally */
::-webkit-scrollbar {
  display: none;
}

/* Custom animations */
@keyframes ken-burns {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}

/* Animation helper classes */
.fade-in-init {
  transition: all 1000ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  transform: translateY(40px);
}

.fade-in-active {
  opacity: 1 !important;
  transform: translateY(0) !important;
}