.fade-slide-in {
      opacity: 0;
      transform: translateY(10px);
      animation: fadeSlideIn 0.8s ease-out forwards;
    }
    @keyframes fadeSlideIn {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    .typewriter {
      font-weight: 700;
      font-size: 2rem;
      white-space: nowrap;
      overflow: hidden;
      max-width: 100%;
      display: inline-block;
      animation: typing 1.5s steps(30, end) 0.5s forwards;
    }
    .typewriter.done {
      border-right: none;
    }
    @keyframes typing {
      from { width: 0; }
      to { width: 100%; }
    }
    @media (min-width: 768px) {
      .typewriter {
        font-size: 3rem;
      }
    }
    @keyframes budge {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-6px); }
    }
    .animate-budge {
      animation: budge 4s ease-in-out infinite;
    }
      @keyframes blink {
      0%, 100% { opacity: 1; }
      50% { opacity: 0; }
    }
    .animate-blink {
      animation: blink 0.5s step-start infinite;
    }