/* Keyframes & Motion Stylesheet */

@keyframes spinSun {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes flyHelicopter {
  0% { transform: translateX(-150px) translateY(0px) rotate(2deg); }
  50% { transform: translateX(50vw) translateY(-25px) rotate(-3deg); }
  100% { transform: translateX(calc(100vw + 150px)) translateY(0px) rotate(2deg); }
}

@keyframes floatPencil {
  0%, 100% { transform: translateY(0px) rotate(-35deg); }
  50% { transform: translateY(-18px) rotate(-28deg); }
}

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

@keyframes floatBadge {
  0%, 100% { transform: translateY(0px) scale(1); }
  50% { transform: translateY(-8px) scale(1.04); }
}

@keyframes floatBookHero {
  0%, 100% { transform: translateY(0px) rotateY(-16deg) rotateX(6deg); }
  50% { transform: translateY(-16px) rotateY(-12deg) rotateX(3deg); }
}

.custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background-color: #f97316;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
}

.custom-cursor-follower {
  position: fixed;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  border: 2px dashed #facc15;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9998;
  transform: translate(-50%, -50%);
  transition: transform 0.15s ease-out;
}

.animated-hero-book {
  animation: floatBookHero 6s ease-in-out infinite;
}

.pulse-glow-effect {
  box-shadow: 0 0 30px rgba(250, 204, 21, 0.5);
}