/* === BOUNCE (hero chevron) === */
@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(10px); }
}

/* === GLOW PULSE (CTA buttons) === */
@keyframes glow-pulse {
  0%, 100% { box-shadow: 0 4px 20px rgba(212, 173, 69, 0.3); }
  50% { box-shadow: 0 4px 35px rgba(212, 173, 69, 0.55); }
}

/* === PULSE RED (enemy cell) === */
@keyframes pulse-red {
  0%, 100% { box-shadow: 0 0 8px rgba(196, 64, 64, 0.3); }
  50% { box-shadow: 0 0 20px rgba(196, 64, 64, 0.6); }
}

/* === FADE IN UP (scroll reveal) === */
@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* === FLOAT (particles feel) === */
@keyframes float {
  0%, 100% { transform: translateY(0) translateX(0); }
  25% { transform: translateY(-20px) translateX(10px); }
  50% { transform: translateY(-10px) translateX(-5px); }
  75% { transform: translateY(-25px) translateX(8px); }
}

/* === NAV HAMBURGER OPEN === */
.nav-hamburger.open span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.nav-hamburger.open span:nth-child(2) {
  opacity: 0;
}

.nav-hamburger.open span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* === MOBILE MENU === */
.nav-links.open {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: var(--nav-height);
  left: 0;
  right: 0;
  background: rgba(30, 26, 21, 0.98);
  backdrop-filter: blur(12px);
  padding: 1.5rem 2rem;
  gap: 1.2rem;
  border-bottom: 1px solid var(--border);
}

/* === STAGGER DELAYS (for reveal children) === */
.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }

/* === HOVER LIFT (cards) === */
.hover-lift {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-lift:hover {
  transform: translateY(-6px);
}

/* === LINK UNDERLINE SLIDE === */
.link-slide {
  position: relative;
}

.link-slide::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--gold);
  transition: width 0.3s ease;
}

.link-slide:hover::after {
  width: 100%;
}