/* Antigravity Motion & Spatial Animation Engine */

@keyframes floatLevitate {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-12px) rotate(1.5deg);
  }
  100% {
    transform: translateY(0px) rotate(0deg);
  }
}

@keyframes glowPulse {
  0%, 100% {
    box-shadow: 0 0 25px rgba(0, 210, 255, 0.25);
    border-color: rgba(0, 210, 255, 0.3);
  }
  50% {
    box-shadow: 0 0 45px rgba(0, 210, 255, 0.5);
    border-color: rgba(0, 210, 255, 0.6);
  }
}

@keyframes shimmerSweep {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

.anim-float {
  animation: floatLevitate 5s ease-in-out infinite;
}

.anim-glow {
  animation: glowPulse 3s infinite ease-in-out;
}

/* 3D Isometric Tilt Effects */
.spatial-tilt-card {
  transform-style: preserve-3d;
  will-change: transform;
}

.spatial-tilt-inner {
  transform: translateZ(24px);
}

/* Skeleton Loading Shimmer */
.skeleton-loading {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.03) 25%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.03) 75%);
  background-size: 200% 100%;
  animation: shimmerSweep 1.8s infinite;
}