body { font-family: 'Roboto', sans-serif; color: #333333; background-color: #F8F9FA; }
    h1, h2, h3, h4, h5, h6 { font-family: 'Lato', sans-serif; }
    /* Keyframe for fade-in-up animation */
    @keyframes fade-in-up {
      from {
        opacity: 0;
        transform: translateY(20px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    /* Keyframe for fade-in animation */
    @keyframes fade-in {
      from {
        opacity: 0;
      }
      to {
        opacity: 1;
      }
    }
    /* Keyframe for scale-in animation */
    @keyframes scale-in {
      from {
        opacity: 0;
        transform: scale(0.9);
      }
      to {
        opacity: 1;
        transform: scale(1);
      }
    }
    .animate-fade-in-up {
      animation: fade-in-up 0.8s ease-out forwards;
    }
    .animate-fade-in {
      animation: fade-in 1s ease-out forwards;
      animation-delay: 0.3s; /* Delay for sub-headline */
      opacity: 0; /* Hide before animation */
    }
    .animate-scale-in {
      animation: scale-in 0.6s ease-out forwards;
      animation-delay: 0.6s; /* Delay for buttons */
      opacity: 0; /* Hide before animation */
    }