/* Noise Background — grain animé minimal */

.noise-bg {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.25'/%3E%3C/svg%3E");
  animation: noiseMove 0.6s steps(2) infinite;
  opacity: 0.25;
}

@keyframes noiseMove {
  0% { transform: translate(0,0); }
  50% { transform: translate(-10px,10px); }
  100% { transform: translate(0,0); }
}