/* Custom animations */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes slideInLeft {
            from {
                opacity: 0;
                transform: translateX(-50px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes slideInRight {
            from {
                opacity: 0;
                transform: translateX(50px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {
                transform: translateY(0);
            }
            40% {
                transform: translateY(-10px);
            }
            60% {
                transform: translateY(-5px);
            }
        }

        .animate-fadeInUp {
            animation: fadeInUp 0.8s ease-out forwards;
        }

        .animate-slideInLeft {
            animation: slideInLeft 0.8s ease-out forwards;
        }

        .animate-slideInRight {
            animation: slideInRight 0.8s ease-out forwards;
        }

        .animate-bounce-custom {
            animation: bounce 2s infinite;
        }

        /* Smooth transitions for theme switching */
        * {
            transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
        }

        /* Custom scrollbar for dark theme */


        .dark::-webkit-scrollbar-track {
            background: #1f2937;
        }

        .dark::-webkit-scrollbar-thumb {
            background: #4b5563;
            border-radius: 4px;
        }

        .dark::-webkit-scrollbar-thumb:hover {
            background: #6b7280;
        }

        /* Loader animations */
        @keyframes cup {
            0% { transform: scale(1) rotate(0deg); }
            50% { transform: scale(1.1) rotate(5deg); }
            100% { transform: scale(1) rotate(0deg); }
        }

        @keyframes steam1 {
            0% { opacity: 0.7; transform: translateY(0) rotate(0deg); }
            50% { opacity: 1; transform: translateY(-10px) rotate(5deg); }
            100% { opacity: 0.7; transform: translateY(0) rotate(0deg); }
        }

        @keyframes steam2 {
            0% { opacity: 0.5; transform: translateY(0) rotate(0deg); }
            50% { opacity: 0.8; transform: translateY(-15px) rotate(-3deg); }
            100% { opacity: 0.5; transform: translateY(0) rotate(0deg); }
        }

        @keyframes steam3 {
            0% { opacity: 0.6; transform: translateY(0) rotate(0deg); }
            50% { opacity: 0.9; transform: translateY(-12px) rotate(3deg); }
            100% { opacity: 0.6; transform: translateY(0) rotate(0deg); }
        }

        @keyframes text {
            0% { opacity: 0; transform: translateY(20px); }
            50% { opacity: 1; transform: translateY(0); }
            100% { opacity: 0.8; transform: translateY(0); }
        }

        .animate-cup { animation: cup 2s ease-in-out infinite; }
        .animate-steam1 { animation: steam1 1.5s ease-in-out infinite; }
        .animate-steam2 { animation: steam2 1.8s ease-in-out infinite 0.3s; }
        .animate-steam3 { animation: steam3 1.6s ease-in-out infinite 0.6s; }
        .animate-text { animation: text 3s ease-in-out infinite; }

        /* Theme toggle button animation */
        .theme-toggle {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .theme-toggle:hover {
            transform: scale(1.1);
        }

        /* Mobile menu animation */
        .mobile-menu {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-in-out;
        }

        .mobile-menu.active {
            max-height: 400px;
        }

        /* Card hover effects */
        .card-hover {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }

        .dark .card-hover:hover {
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.2);
        }

        /* Form focus animations */
        .form-input {
            transition: all 0.3s ease;
        }

        .form-input:focus {
            transform: translateY(-2px);
        }

        /* Pulse animation for WhatsApp button */
        @keyframes pulse-green {
            0% {
                box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
            }
            70% {
                box-shadow: 0 0 0 10px rgba(34, 197, 94, 0);
            }
            100% {
                box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
            }
        }

        .pulse-green {
            animation: pulse-green 2s infinite;
        }