@keyframes slideInLeft {
            from { transform: translateX(-100%); opacity: 0; }
            to { transform: translateX(0); opacity: 1; }
        }
        
        @keyframes slideInRight {
            from { transform: translateX(100%); opacity: 0; }
            to { transform: translateX(0); opacity: 1; }
        }
        
        @keyframes slideInUp {
            from { transform: translateY(50px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }
        
        @keyframes fadeInScale {
            from { transform: scale(0.8); opacity: 0; }
            to { transform: scale(1); opacity: 1; }
        }
        
        @keyframes bounce {
            0%, 20%, 53%, 80%, 100% { transform: translateY(0); }
            40%, 43% { transform: translateY(-15px); }
            70% { transform: translateY(-7px); }
        }
        
        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
        }
        
        @keyframes glow {
            0%, 100% { box-shadow: 0 0 5px #00CC00; }
            50% { box-shadow: 0 0 20px rgba(0, 204, 0, 0.8), 0 0 30px rgba(0, 204, 0, 0.6); }
        }
        
        @keyframes gradient {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
        
        @keyframes spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }
        
        @keyframes pulse {
            0%, 100% { transform: scale(1); opacity: 1; }
            50% { transform: scale(1.05); opacity: 0.8; }
        }
        
        @keyframes typewriter {
            from { width: 0; }
            to { width: 100%; }
        }
        
        @keyframes blink {
            0%, 50% { border-color: transparent; }
            51%, 100% { border-color: #00CC00; }
        }
        
        .animate-slide-in-left { animation: slideInLeft 0.8s ease-out; }
        .animate-slide-in-right { animation: slideInRight 0.8s ease-out; }
        .animate-slide-in-up { animation: slideInUp 0.6s ease-out; }
        .animate-fade-in-scale { animation: fadeInScale 0.6s ease-out; }
        .animate-bounce-custom { animation: bounce 2s infinite; }
        .animate-float { animation: float 3s ease-in-out infinite; }
        .animate-glow { animation: glow 2s ease-in-out infinite; }
        .animate-gradient { background-size: 400% 400%; animation: gradient 3s ease infinite; }
        .animate-spin-slow { animation: spin 3s linear infinite; }
        .animate-pulse-custom { animation: pulse 2s infinite; }
        
        .typewriter {
            overflow: hidden;
            border-right: 2px solid #047804;
            white-space: nowrap;
            animation: typewriter 3s steps(30, end), blink 0.75s step-end infinite;
            animation-delay: 1s;
        }
        
        .hover-float:hover { transform: translateY(-10px); transition: all 0.3s ease; }
        .hover-scale:hover { transform: scale(1.05); transition: all 0.3s ease; }
        .hover-glow:hover { box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); transition: all 0.3s ease; }
        
        .delay-100 { animation-delay: 0.1s; }
        .delay-200 { animation-delay: 0.2s; }
        .delay-300 { animation-delay: 0.3s; }
        .delay-400 { animation-delay: 0.4s; }
        .delay-500 { animation-delay: 0.5s; }
        
        .gradient-bg {
            background: linear-gradient(-45deg, #000000, #1a1a1a, #2e992e, #015101);
            background-size: 400% 400%;
            animation: gradient 15s ease infinite;
        }
        
        .glass-effect {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .hero-title {
            line-height: 1.2;
            display: block;
        }

        .brand-theme {
            color: #00CC00;
        }

        .bg-brand {
            background-color: #108e10;
        }

        .text-brand {
            color: #00CC00;
        }

        .border-brand {
            border-color: #00CC00;
        }

        .hover\:bg-brand:hover {
            background-color: #00AA00;
        }
         
        .feature-card {
            transition: all 0.3s ease;
            border: 1px solid rgba(0, 204, 0, 0.1);
        }
        
        .feature-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        
        .testimonial-card {
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(10px);
        }
        
        .contact-input {
            transition: all 0.3s ease;
            border: 1px solid #e2e8f0;
        }
        
        .contact-input:focus {
            border-color: #00CC00;
            box-shadow: 0 0 0 3px rgba(0, 204, 0, 0.2);
        }