/* V3 Navigation (Gold default, White hover, Increased size) */
.nav-link-v3 {
  @apply text-royal-gold hover:text-white transition-colors font-semibold uppercase tracking-wider text-base;
}

/* ... остальной CSS код остается без изменений ... */
/* V3 CTA Button (Gold button, Blue text) */
.cta-btn-v3 {
  @apply inline-block bg-royal-gold hover:bg-yellow-600 text-royal-blue font-bold py-3 px-8 transition-transform duration-300 hover:scale-105;
}

/* Mobile Menu Styles (V3) */
.mobile-menu-v3 {
    @apply absolute top-full left-0 right-0 bg-royal-blue p-4 flex flex-col space-y-4 shadow-lg md:hidden;
}

/* --- ANIMATION: Logo Pulse (Gold Shadow) --- */
@keyframes pulse-gold {
  0%, 100% { box-shadow: 0 0 5px rgba(212, 175, 55, 0.5); }
  50% { box-shadow: 0 0 20px rgba(212, 175, 55, 1); }
}
.animate-pulse-gold {
  animation: pulse-gold 3s infinite;
  border-radius: 50%;
}

/* --- ANIMATION: News Ticker (Marquee) --- */
@keyframes marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
.animate-marquee {
  animation: marquee 20s linear infinite;
}

/* --- ANIMATION: Lightning/Shine Effect on Hover --- */
.shine-effect-container {
  position: relative;
  overflow: hidden;
}

.shine-effect-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: -150%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-30deg);
  transition: left 0.7s;
}

.shine-effect-container:hover::before {
  left: 150%;
}

/* --- ANIMATION: Dynamic Gradient (Used by JS) --- */
#dynamic-footer {
    background-color: var(--color-start, #002366);
    background-image: linear-gradient(
        45deg,
        var(--color-start, #002366),
        var(--color-end, #990033)
    );
    transition: background 1s ease-in-out;
}

/* Alternating layout for News/About pages */
.content-section:nth-child(odd) .content-flex {
  @apply md:flex-row;
}
.content-section:nth-child(even) .content-flex {
  @apply md:flex-row-reverse;
}