@keyframes degi-scanline {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(100%);
  }
}

@keyframes degi-pulse-line {
  0%,
  100% {
    opacity: 0.35;
  }
  50% {
    opacity: 1;
  }
}

@keyframes degi-shimmer {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}

.degi-anim-shimmer {
  background: linear-gradient(110deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 255, 213, 0.25) 45%, rgba(232, 255, 61, 0.35) 55%, rgba(255, 255, 255, 0.05) 100%);
  background-size: 200% 100%;
  animation: degi-shimmer 4.5s linear infinite;
}

.degi-hero-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--degi-accent), var(--degi-primary));
  transform-origin: left;
  animation: degi-hero-progress 6.5s linear infinite;
}

@keyframes degi-hero-progress {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}

.degi-glitch-hover:hover {
  text-shadow: 2px 0 var(--degi-accent), -2px 0 var(--degi-hot);
}