
#elegant-data-disruption {
    filter: contrast(1.05) brightness(1.02);
  }

  #main-path, #thin-path, #glow-path {
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  }

  /* ا????ش? پا?? ش?پر ?ر? ? ?در? */
  #main-path {
    animation: subtleWave 6.2s ease-in-out infinite;
  }
  #thin-path {
    animation: subtleWave 7.1s ease-in-out infinite reverse;
  }
  #glow-path {
    animation: subtleWave 5.8s ease-in-out infinite;
  }

  @keyframes subtleWave {
    0%, 100% { 
      d: path("M0 210 Q180 210 280 90 Q420 330 580 210 Q720 210 820 140 Q960 280 1100 210 Q1220 210 1400 210"); 
    }
    50% { 
      d: path("M0 210 Q180 150 280 240 Q420 110 580 210 Q720 270 820 170 Q960 240 1100 210 Q1220 190 1400 210"); 
    }
  }

  /* حا?ت blackout - ?طع شد? ظر?ف ? ?در? */
  #disruption-svg.blackout #main-path {
    stroke: #ff5e7a;
    animation: disruptionWave 3.4s linear infinite;
    stroke-dasharray: 18 12;
  }
  #disruption-svg.blackout #thin-path {
    stroke: #ff8fa6;
    opacity: 0.45;
  }
  #disruption-svg.blackout #glow-path {
    opacity: 0.12;
  }

  @keyframes disruptionWave {
    0% { stroke-dashoffset: 0; }
    100% { stroke-dashoffset: -120; }
  }

  /* افکت glitch خ??? ظر?ف برا? ?ت? */
  #disruption-text.active {
    opacity: 1;
    animation: elegantGlitch 1.8s infinite linear;
  }

  @keyframes elegantGlitch {
    0%, 100% { transform: translate(-50%, -50%); }
    15% { transform: translate(-51%, -49.5%); }
    35% { transform: translate(-49.5%, -50.5%); }
    55% { transform: translate(-50%, -50%); }
  }