/* Liquid Glass & Obsidian Cyber Custom Styles */

/* Base Customizations */
body {
  background-color: #0A0A0C;
  background-image: 
    radial-gradient(circle at 10% 20%, rgba(0, 255, 140, 0.03) 0%, transparent 40%),
    radial-gradient(circle at 90% 80%, rgba(0, 255, 140, 0.03) 0%, transparent 40%);
  background-attachment: fixed;
}

/* Glassmorphism Classes (fallback and enhancements on top of Tailwind) */
.shadow-glass {
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.45);
}

.shadow-glass-emerald {
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5), 0 0 20px 0 rgba(0, 255, 140, 0.08);
}

/* Animations */
@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes floatSlow {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-15px) rotate(1deg);
  }
  100% {
    transform: translateY(0px) rotate(0deg);
  }
}

@keyframes spinSlow {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

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

.float-element-slow {
  animation: floatSlow 9s ease-in-out infinite;
}

.animate-spin-slow {
  animation: spinSlow 20s linear infinite;
}

/* Custom Scrollbar for Premium Look */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #0A0A0C;
}

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

::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 255, 140, 0.3);
}