/* Animations */
@keyframes card-reveal {
    0% {
      transform: rotateY(0);
    }
    20% {
      transform: rotateY(20deg) scale(1.02);
    }
    60% {
      transform: rotateY(-15deg) scale(1.03);
    }
    80% {
      transform: rotateY(5deg) scale(1.01);
    }
    100% {
      transform: rotateY(0) scale(1);
    }
  }
  
  @keyframes pulse-attention {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(1);
    }
  }
  
  @keyframes rotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  
  @keyframes handwriting {
    0% {
      transform: rotate(-2deg);
    }
    50% {
      transform: rotate(-1deg);
    }
    100% {
      transform: rotate(-2deg);
    }
  }
  
  .highlight {
    animation: handwriting 4s ease-in-out infinite;
  }
  
  .card-reveal-animation {
    animation: card-reveal 1.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
  }