body {
            font-family: 'Inter', sans-serif;
            scroll-behavior: smooth;
        }

        .gradient-bg {
            background: linear-gradient(135deg, #1E3A8A 0%, #1e40af 50%, #1d4ed8 100%);
            background-size: 200% 200%;
            animation: gradientMove 15s ease infinite;
        }

        @keyframes gradientMove {
            0% {
                background-position: 0% 50%;
            }

            50% {
                background-position: 100% 50%;
            }

            100% {
                background-position: 0% 50%;
            }
        }

        .glass-card {
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .glass-card-light {
            background: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            border: 1px solid rgba(255, 255, 255, 0.3);
        }

        .btn-interativo {
            transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
            animation: pulse-button 2s infinite;
            position: relative;
            overflow: hidden;
        }

        .btn-interativo:hover {
            transform: translateY(-3px) scale(1.02);
            box-shadow: 0 10px 25px -5px rgba(16, 185, 129, 0.4);
            filter: brightness(1.1);
        }

        .btn-interativo:active {
            transform: translateY(0) scale(0.98);
        }

        .text-glow {
            text-shadow: 0 0 15px rgba(255, 255, 255, 0.3);
        }

        @keyframes slide-up {
            from {
                transform: translateY(30px);
                opacity: 0;
            }

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

        .animate-reveal {
            animation: slide-up 0.6s ease-out forwards;
        }

        .faq-content {
            max-height: 0;
            overflow: hidden;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .faq-item.active .faq-content {
            max-height: 500px;
            padding: 1.5rem;
        }

        .faq-item.active i {
            transform: rotate(180deg);
        }

        .faq-item {
            transition: all 0.3s ease;
        }

        .faq-item.active {
            border-color: #10B981;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
        }

        .bg-shape {
            position: absolute;
            z-index: 0;
            filter: blur(80px);
            border-radius: 50%;
            opacity: 0.4;
            pointer-events: none;
        }

        .hover-jump {
            transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
        }

        .hover-jump:hover {
            transform: translateY(-10px) scale(1.05);
        }



        @keyframes pulse-button {
            0% {
                box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4);
            }

            70% {
                box-shadow: 0 0 0 15px rgba(16, 185, 129, 0);
            }

            100% {
                box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
            }
        }

        /* Carousel Styles */
        .carousel-container {
            display: flex;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            gap: 1.5rem;
            padding: 2rem 1rem;
            scrollbar-width: none;
            -ms-overflow-style: none;
            scroll-behavior: smooth;
        }

        .carousel-container::-webkit-scrollbar {
            display: none;
        }

        .carousel-item {
            flex: 0 0 100%;
            scroll-snap-align: center;
            transition: all 0.3s ease;
        }

        @media (min-width: 768px) {
            .carousel-item {
                flex: 0 0 calc(50% - 0.75rem);
            }
        }

        @media (min-width: 1024px) {
            .carousel-item {
                flex: 0 0 calc(33.333% - 1rem);
            }
        }

        .carousel-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #cbd5e1;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .carousel-dot.active {
            background: #1E3A8A;
            width: 24px;
            border-radius: 4px;
        }