/* Subtle gradient animation keyframes */
@keyframes subtleGlow {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.7;
  }
}

@keyframes slowShift {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

/* Navbar - Solid with Subtle Gradient Border */
nav.sticky,
nav {
  position: relative;
  background: linear-gradient(180deg,
    #0F1A1F 0%,
    #1A2F35 50%,
    #0F1A1F 100%
  ) !important;
  box-shadow:
    0 4px 24px rgba(0, 0, 0, 0.4),
    0 8px 40px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* Subtle animated gradient border on navbar */
nav::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(68, 186, 127, 0.2) 20%,
    rgba(68, 186, 127, 0.4) 40%,
    rgba(68, 186, 127, 0.5) 50%,
    rgba(68, 186, 127, 0.4) 60%,
    rgba(68, 186, 127, 0.2) 80%,
    transparent 100%
  );
  background-size: 200% 100%;
  animation: slowShift 20s ease-in-out infinite, subtleGlow 6s ease-in-out infinite;
  box-shadow: 0 0 10px rgba(68, 186, 127, 0.2);
}

/* Footer - Dark Anchor with Subtle Gradient Accent */
footer.relative,
footer {
  position: relative;
  background: linear-gradient(0deg,
    #0A1A1F 0%,
    #0F1A1F 50%,
    #142328 100%
  ) !important;
  box-shadow:
    0 -4px 24px rgba(0, 0, 0, 0.4),
    0 -8px 40px rgba(0, 0, 0, 0.3),
    inset 0 -1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* Subtle gradient accent bar on footer */
footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(68, 186, 127, 0.2) 20%,
    rgba(68, 186, 127, 0.4) 40%,
    rgba(68, 186, 127, 0.5) 50%,
    rgba(68, 186, 127, 0.4) 60%,
    rgba(68, 186, 127, 0.2) 80%,
    transparent 100%
  );
  background-size: 200% 100%;
  animation: slowShift 20s ease-in-out infinite, subtleGlow 6s ease-in-out infinite;
  box-shadow: 0 0 10px rgba(68, 186, 127, 0.2);
}