:root {
            --green-50: #f0fdf4;
            --green-100: #dcfce7;
            --green-200: #bbf7d0;
            --green-300: #86efac;
            --green-400: #4ade80;
            --green-500: #22c55e;
            --green-600: #16a34a;
            --green-700: #15803d;
            --green-800: #166534;
            --green-900: #14532d;
            --gray-100: #f3f4f6;
            --gray-900: #111827;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--green-50);
            color: var(--gray-900);
            line-height: 1.6;
        }

        .cta-button {
            @apply px-8 py-4 text-lg font-bold text-white bg-green-600 rounded-full transition-transform transform hover:scale-105 shadow-lg;
        }
        
        .section-title h2 {
            @apply text-4xl font-bold mb-2 text-green-800;
        }
        
        .faq-item {
            transition: max-height 0.3s ease-in-out;
            max-height: 70px; /* Установлено для закрытого состояния */
            overflow: hidden;
        }

        .faq-item.active {
            max-height: 500px; /* Установлено для открытого состояния, должно быть больше реального содержимого */
        }
        
        .faq-toggle {
            transition: transform 0.3s ease-in-out;
        }
        
        .faq-item.active .faq-toggle {
            transform: rotate(180deg);
        }

        .testimonial-item {
            @apply p-8 bg-white rounded-xl shadow-md text-center;
        }

        .pricing-item {
            @apply p-8 bg-white rounded-xl shadow-lg border-2 border-green-200 text-center transition-transform transform hover:scale-105;
        }

        .pricing-item.featured {
            @apply border-green-600 shadow-xl scale-105;
        }
        
        #cookie-popup {
            position: fixed;
            bottom: 20px;
            right: 20px;
            z-index: 1000;
            background-color: white;
            padding: 1rem 1.5rem;
            border-radius: 0.75rem;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            max-width: 300px;
            display: none;
            opacity: 0;
            transition: opacity 0.5s ease-in-out;
        }

        #cookie-popup.show {
            display: block;
            opacity: 1;
        }