/* Static Colorful Elements - No Animations */

/* Static Particles Background */
.floating-particles {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
}

.particle {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}

.particle:nth-child(1) { background: #ff6b6b; left: 10%; top: 20%; }
.particle:nth-child(2) { background: #4ecdc4; left: 20%; top: 30%; }
.particle:nth-child(3) { background: #45b7d1; left: 30%; top: 40%; }
.particle:nth-child(4) { background: #96ceb4; left: 40%; top: 50%; }
.particle:nth-child(5) { background: #feca57; left: 50%; top: 60%; }
.particle:nth-child(6) { background: #ff9ff3; left: 60%; top: 70%; }
.particle:nth-child(7) { background: #54a0ff; left: 70%; top: 80%; }
.particle:nth-child(8) { background: #5f27cd; left: 80%; top: 90%; }

/* Static Gradient Text */
.gradient-text {
  background: linear-gradient(45deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4, #feca57);
  background-size: 300% 300%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Static Colorful Button */
.colorful-btn {
  background: linear-gradient(45deg, #ff6b6b, #4ecdc4, #45b7d1, #feca57);
  background-size: 300% 300%;
  position: relative;
  overflow: hidden;
}

/* Static Card */
.animated-card {
  position: relative;
  overflow: hidden;
}

/* Static Pulse */
.pulse-animation {
  box-shadow: 0 0 20px rgba(255, 107, 107, 0.3);
}

/* Static Loading Dots */
.loading-dots {
  display: inline-flex;
  gap: 4px;
}

.loading-dots span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.loading-dots span:nth-child(1) { background: #ff6b6b; }
.loading-dots span:nth-child(2) { background: #4ecdc4; }
.loading-dots span:nth-child(3) { background: #45b7d1; }

/* Static Reveal Elements */
.reveal-up, .reveal-left, .reveal-right {
  opacity: 1;
  transform: translateY(0) translateX(0);
}

/* Static Border */
.animated-border {
  position: relative;
  border: 2px solid transparent;
  background: linear-gradient(white, white) padding-box,
              linear-gradient(45deg, #ff6b6b, #4ecdc4, #45b7d1, #feca57) border-box;
}

/* Static Hover Effects */
.hover-lift, .hover-glow {
  /* Remove all hover animations */
}

/* Static Text */
.typewriter {
  overflow: visible;
  border-right: none;
  white-space: normal;
}

/* Static Icons */
.bounce-icon, .rotate-icon {
  /* Remove all icon animations */
}

/* Static Background */
.animated-bg {
  background: linear-gradient(45deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4, #feca57);
  background-size: 400% 400%;
}

/* Mobile Optimizations */
@media (max-width: 768px) {
  .particle { width: 3px; height: 3px; }
  .floating-particles { display: none; }
}