@keyframes fadeIn {
       from {
           opacity: 0;
           transform: translateY(30px);
       }

       to {
           opacity: 1;
           transform: translateY(0);
       }
   }

   @keyframes slideUp {
       from {
           opacity: 0;
           transform: translateY(20px);
       }

       to {
           opacity: 1;
           transform: translateY(0);
       }
   }

   @keyframes slideInRight {
       from {
           transform: translateX(100%);
       }

       to {
           transform: translateX(0);
       }
   }

   @keyframes slideOutLeft {
       from {
           transform: translateX(0);
       }

       to {
           transform: translateX(-100%);
       }
   }

   .gradient-primary {
       background: linear-gradient(135deg, #FFD700 0%, #FF8C00 100%);
   }

   .gradient-dark {
       background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);
   }