/* Backgrounds CSS - Фоны для секций */

/* === ГРАДИЕНТЫ СЕКЦИЙ === */
.gradient-hero {
  background: linear-gradient(to bottom, 
    rgba(0,0,0,0.6) 0%, 
    rgba(0,0,0,0.3) 50%, 
    rgba(0,0,0,0.7) 100%);
}

.gradient-section2 {
  background: linear-gradient(to bottom right, #1a1a1d, #2e2e30);
}

.gradient-section4 {
  background: linear-gradient(to bottom right, #1e1f21, #111112);
}

/* === ПАТТЕРНЫ ФОНОВ === */
.bg-pattern-metal {
  background-image: 
    radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(45deg, rgba(255,255,255,0.02) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(255,255,255,0.02) 25%, transparent 25%);
  background-size: 20px 20px, 40px 40px, 40px 40px;
  background-position: 0 0, 0 0, 20px 20px;
}

.bg-pattern-dots {
  background-image: radial-gradient(#a71930 1px, transparent 1px);
  background-size: 20px 20px;
}

/* === АНИМИРОВАННЫЕ ФОНЫ === */
.bg-animated-section4 {
  background: radial-gradient(circle at 30% 30%, rgba(167,25,48,0.3), transparent 40%), 
              radial-gradient(circle at 70% 70%, rgba(255,255,255,0.05), transparent 50%);
}

.bg-animated-section5 {
  background: radial-gradient(circle at 40% 20%, rgba(167,25,48,0.25), transparent 50%),
              radial-gradient(circle at 70% 80%, rgba(255,255,255,0.05), transparent 50%);
}

/* === АНИМАЦИИ === */
@keyframes gradientPulse {
  0%, 100% { 
    opacity: 0.5; 
    transform: scale(1); 
  }
  50% { 
    opacity: 0.8; 
    transform: scale(1.05); 
  }
}

.animate-gradientPulse {
  animation: gradientPulse 10s ease-in-out infinite;
}