.cursor-glow {
  position: fixed;
  top: 0;
  left: 0;
  /* Size chota kar diya hai (pehle 400px tha) */
  width: 250px; 
  height: 250px;
  border-radius: 50%;
  pointer-events: none;
  
  /* Pehle jaisa vibrant Bright Blue color (#0066FF) firse add kiya hai */
  /* Is radial gradient se center bright aur edges smooth light jaise lagenge */
  background: radial-gradient(
    circle, 
    rgba(0, 102, 255, 0.3) 0%,   /* Center slightly brighter */
    rgba(0, 102, 255, 0.1) 35%,  /* Mid spread */
    rgba(0, 102, 255, 0) 65%      /* Fades out smoothly */
  );
  
  /* Perfomance and smoothness improvement */
  transform: translate(-50%, -50%);
  will-change: transform; 
  z-index: 9999;
}

/* Water Ripple Effect CSS (Click karne par) */
.ripple {
  position: fixed;
  border-radius: 50%;
  /* Ripple color bhi wahi vibrant blue low opacity ke saath */
  border: 2px solid rgba(0, 102, 255, 0.5); 
  background-color: rgba(0, 102, 255, 0.05);
  pointer-events: none;
  transform: translate(-50%, -50%);
  animation: ripple-effect 0.6s ease-out forwards;
  z-index: 9998;
}

@keyframes ripple-effect {
  0% {
    width: 0px;
    height: 0px;
    opacity: 1;
  }
  100% {
    width: 180px; /* Ripple kitna bada spread hoga */
    height: 180px;
    opacity: 0;
  }
}