/* Custom animations */
@keyframes float {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}

@keyframes pulse {
  0% { opacity: 0.7; }
  50% { opacity: 1; }
  100% { opacity: 0.7; }
}

@keyframes gradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Custom styles not covered by Tailwind */
.gradient-bg {
  background: linear-gradient(-45deg, #9333ea, #3b82f6, #06b6d4, #10b981);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
}

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

.breathing {
  animation: pulse 5s infinite ease-in-out;
}

/* For orbit visualization */
.orbit-container {
  position: relative;
  width: 300px;
  height: 300px;
}

.orbit {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.planet {
  position: absolute;
  border-radius: 50%;
  transform-origin: center;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.5);
}