/* ================================
   LUREXXA — NEON LOGO + GIRL
   стабильная версия, без линий и без фокусов
   ================================ */

/* Контейнер логотипа: девушка + текст в одну линию */
.logo {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px; /* расстояние между девушкой и LUREXXA */

  font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.34em;
  font-weight: 900;
  font-size: clamp(3.2rem, 7.4vw, 5.2rem);
  white-space: nowrap;

  color: #ff4fa3;

  text-shadow:
    0 0 4px   rgba(255, 79, 163, 0.95),
    0 0 10px  rgba(255, 79, 163, 0.85),
    0 0 22px  rgba(255, 0, 150, 0.78),
    0 0 34px  rgba(255, 0, 180, 0.75);

  margin-bottom: 32px;

  animation: neonPulse 8s ease-in-out infinite alternate;
}

/* Картинка девушки — отдельный PNG, НЕ мигает */
.logo-girl {
  display: block;
  width: clamp(80px, 11vw, 130px);
  height: auto;

  filter:
    drop-shadow(0 0 6px  rgba(255, 79, 163, 0.9))
    drop-shadow(0 0 18px rgba(255, 0, 150, 0.75))
    drop-shadow(0 0 30px rgba(255, 0, 190, 0.6));

  pointer-events: none;
}

/* На всякий случай гасим любые старые псевдоэлементы */
.logo::before,
.logo::after {
  content: none !important;
}

/* Перелив цвета у текста: розовый → фуксия → чуть фиолетовый → обратно */
@keyframes neonPulse {
  0% {
    color: #ff4fa3;
    text-shadow:
      0 0 4px   rgba(255, 79, 163, 0.95),
      0 0 10px  rgba(255, 79, 163, 0.85),
      0 0 22px  rgba(255, 0, 150, 0.78),
      0 0 34px  rgba(255, 0, 180, 0.75);
  }
  45% {
    color: #ff2e87;
    text-shadow:
      0 0 6px   rgba(255, 60, 150, 1),
      0 0 16px  rgba(255, 60, 150, 0.9),
      0 0 28px  rgba(255, 0, 130, 0.85),
      0 0 42px  rgba(255, 0, 190, 0.8);
  }
  75% {
    color: #e879f9;
    text-shadow:
      0 0 6px   rgba(232, 121, 249, 1),
      0 0 18px  rgba(217, 70, 239, 0.9),
      0 0 32px  rgba(147, 51, 234, 0.85),
      0 0 50px  rgba(129, 140, 248, 0.8);
  }
  100% {
    color: #ff4fa3;
    text-shadow:
      0 0 4px   rgba(255, 79, 163, 0.95),
      0 0 10px  rgba(255, 79, 163, 0.85),
      0 0 22px  rgba(255, 0, 150, 0.78),
      0 0 34px  rgba(255, 0, 180, 0.75);
  }
}

/* Мобильная адаптация */
@media (max-width: 480px) {
  .logo {
    gap: 10px;
    font-size: 2.8rem;
    letter-spacing: 0.24em;
  }

  .logo-girl {
    width: 70px;
  }
}