html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
}

.navbar {
  background-color: transparent;
  backdrop-filter: blur(0);
}

.navbar.is-scrolled {
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 20px 45px -20px rgba(15, 23, 42, 0.35);
  backdrop-filter: blur(12px);
}

@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

@keyframes floatMedium {
  0%, 100% {
    transform: translateY(8px) rotate(0deg);
  }
  50% {
    transform: translateY(-8px) rotate(4deg);
  }
}

@keyframes floatFast {
  0%, 100% {
    transform: translateY(4px) scale(1);
  }
  50% {
    transform: translateY(-4px) scale(1.08);
  }
}

@keyframes softPulse {
  0%, 100% {
    transform: scale(1);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.1);
    opacity: 1;
  }
}

.animate-float-slow {
  animation: float 6s ease-in-out infinite;
}

.animate-float-medium {
  animation: floatMedium 7s ease-in-out infinite;
}

.animate-float-fast {
  animation: floatFast 5s ease-in-out infinite;
}

.animate-pulse-slow {
  animation: softPulse 18s ease-in-out infinite;
}

.animate-pulse-slower {
  animation: softPulse 22s ease-in-out infinite;
}

.animate-pulse-slowest {
  animation: softPulse 28s ease-in-out infinite;
}

.delay-150 {
  animation-delay: 0.15s;
}

.delay-200 {
  animation-delay: 0.2s;
}

.delay-300 {
  animation-delay: 0.3s;
}