$cssPath = "site\assets\style.css"
$css = Get-Content $cssPath -Raw

# 1. Update the pulseGlow animation to be significantly more visible
$oldPulse = '@keyframes pulseGlow {
    0% { box-shadow: 0 0 0 0 rgba(139, 92, 246, 0.4); }
    50% { box-shadow: 0 0 0 10px rgba(139, 92, 246, 0.1); }
    100% { box-shadow: 0 0 0 0 rgba(139, 92, 246, 0); }
}'
$newPulse = '@keyframes pulseGlow {
    0% { box-shadow: 0 0 0 0 rgba(139, 92, 246, 0.9); }
    50% { box-shadow: 0 0 18px 6px rgba(139, 92, 246, 0.75); }
    100% { box-shadow: 0 0 0 0 rgba(139, 92, 246, 0); }
}'
$css = $css.Replace($oldPulse, $newPulse)

# 2. Add the animation to the mobile responsive buttons (.nav-links a)
# We will inject it into .nav-links a { ... }
$oldNavLinks = '.nav-links a {
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      text-decoration: none !important;
    }'
$newNavLinks = '.nav-links a {
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      text-decoration: none !important;
      animation: pulseGlow 3s infinite;
      border-radius: 12px; /* Ensure the glow forms a nice shape */
    }'
$css = $css.Replace($oldNavLinks, $newNavLinks)

Set-Content -Path $cssPath -Value $css -Encoding UTF8
Write-Host "Made pulse glow highly visible for both desktop and responsive buttons."
