/* Anivex - Landing Page Specific Styles */
.landing-page {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
}

.landing-page::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(ellipse at 20% 50%, rgba(229, 9, 20, 0.08) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 20%, rgba(229, 9, 20, 0.04) 0%, transparent 50%),
    radial-gradient(ellipse at 50% 80%, rgba(229, 9, 20, 0.1) 0%, transparent 50%);
  z-index: 0;
  pointer-events: none;
}

.landing-glow {
  position: absolute;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(229, 9, 20, 0.1) 0%, transparent 70%);
  animation: glowPulse 6s ease-in-out infinite;
  pointer-events: none;
}

.landing-glow-1 { top: -100px; left: -100px; }
.landing-glow-2 { bottom: -100px; right: -100px; animation-delay: 3s; }

@keyframes glowPulse {
  0%, 100% { opacity: 0.5; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.2); }
}

.landing-grid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image:
    linear-gradient(rgba(229, 9, 20, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(229, 9, 20, 0.03) 1px, transparent 1px);
  background-size: 60px 60px;
  z-index: 0;
  pointer-events: none;
}