body {
  background-color: #0A0A1F;
  color: #FFFFFF;
  font-family: 'Poppins', sans-serif;
  overflow-x: hidden;
}
.font-orbitron {
  font-family: 'Orbitron', sans-serif;
}
.font-exo2 {
  font-family: 'Exo 2', sans-serif;
}
.cyan-text {
  color: #00F0FF;
  text-shadow: 0 0 8px rgba(0, 240, 255, 0.7);
}
.magenta-text {
  color: #FF00C7;
  text-shadow: 0 0 8px rgba(255, 0, 199, 0.7);
}
.glassmorphism {
  background: rgba(26, 26, 46, 0.25);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(0, 240, 255, 0.2);
}
.btn-glow-cyan {
  box-shadow: 0 0 5px #00F0FF, 0 0 10px #00F0FF, inset 0 0 5px #00F0FF;
  transition: all 0.3s ease-in-out;
}
.btn-glow-cyan:hover {
  box-shadow: 0 0 10px #00F0FF, 0 0 20px #00F0FF, 0 0 30px #00F0FF, inset 0 0 10px #00F0FF;
}
.btn-pulse {
  animation: pulse-glow 2s infinite;
}
@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 0 10px #FF00C7, 0 0 20px #00F0FF;
  }
  50% {
    box-shadow: 0 0 20px #FF00C7, 0 0 40px #00F0FF;
  }
}
@keyframes float {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}
.animate-float {
  animation: float 6s ease-in-out infinite;
}
 @keyframes pixel-in {
  0% { opacity: 0; transform: scale(0.5) }
  100% { opacity: 1; transform: scale(1) }
}
.animate-pixel-in {
  animation: pixel-in 1.5s ease-out forwards;
}
@keyframes scroll-logos {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.animate-scroll-logos {
  animation: scroll-logos 40s linear infinite;
}