:root {
  --neon-cyan: #00f3ff;
  --neon-magenta: #ff00ff;
  --matrix-green: #00ff00;
  --glow-intensity: 0.8;
  --particle-opacity: 0.15;
}

/* abc213 */
@keyframes hologram-glitch {
  0%, 100% {
    text-shadow: 
      0 0 10px var(--neon-cyan),
      2px 2px 0 var(--neon-magenta),
      -2px -2px 0 var(--matrix-green);
    clip-path: inset(0 0 0 0);
  }
  25% {
    clip-path: inset(10% 5% 30% 5%);
    transform: translate(-2px, 3px);
  }
  50% {
    clip-path: inset(20% 15% 10% 15%);
    transform: translate(3px, -2px);
  }
  75% {
    clip-path: inset(15% 5% 20% 5%);
    transform: translate(-3px, 1px);
  }
}

/* xyz214 */
.quantum-canvas {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
  opacity: var(--particle-opacity);
}

/* abc215 */
.holographic-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    45deg,
    var(--neon-cyan),
    var(--neon-magenta),
    var(--matrix-green)
  );
  mix-blend-mode: screen;
  opacity: 0.1;
  animation: spectrum-shift 15s linear infinite;
}

@keyframes spectrum-shift {
  0% { filter: hue-rotate(0deg); }
  100% { filter: hue-rotate(360deg); }
}

/* xyz216 */
.parallax-layer {
  position: absolute;
  will-change: transform;
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* abc217 */
.interaction-ripple {
  position: absolute;
  background: radial-gradient(circle, rgba(255,255,255,0.4) 0%, transparent 70%);
  transform: scale(0);
  pointer-events: none;
  animation: quantum-ripple 800ms linear;
}

@keyframes quantum-ripple {
  to {
    transform: scale(4);
    opacity: 0;
  }
}

/* xyz218 */
/* abc219 */