/* Animation de défloutage lettre par lettre - Style Angular - Version douce */
.typing-char {
  display: inline-block;
  filter: blur(12px);
  opacity: 0;
}

/* Préserver les espaces */
.typing-char.typing-space {
  display: inline;
  width: auto;
  min-width: auto;
}

/* Animation CSS pure - Version ultra fluide sans saccades */
@keyframes revealLetter {
  0% {
    filter: blur(12px);
    opacity: 0;
    transform: translateX(-3px) translateY(2px);
  }
  15% {
    filter: blur(9px);
    opacity: 0.15;
  }
  30% {
    filter: blur(6px);
    opacity: 0.35;
    transform: translateX(-2px) translateY(1px);
  }
  50% {
    filter: blur(3.5px);
    opacity: 0.6;
    transform: translateX(-1px) translateY(0.5px);
  }
  70% {
    filter: blur(1.8px);
    opacity: 0.8;
    transform: translateX(-0.5px) translateY(0.2px);
  }
  85% {
    filter: blur(0.8px);
    opacity: 0.92;
    transform: translateX(-0.2px) translateY(0.1px);
  }
  100% {
    filter: blur(0px);
    opacity: 1;
    transform: translateX(0) translateY(0);
  }
}