section {
    position: relative;
    clear: both;
    overflow: hidden;
}

section + section {
    margin-top: 0;
}

/* Hover Effects */
.hover\:border-purple-500:hover {
    border-color: rgb(168 85 247);
}

.hover\:border-green-500:hover {
    border-color: rgb(34 197 94);
}

.hover\:border-blue-500:hover {
    border-color: rgb(59 130 246);
}

.hover\:border-orange-500:hover {
    border-color: rgb(249 115 22);
}

.hover\:border-teal-500:hover {
    border-color: rgb(20 184 166);
}

.hover\:border-pink-500:hover {
    border-color: rgb(236 72 153);
}

.transform {
    transition: transform 0.2s ease-in-out;
}

.hover\:scale-105:hover {
    transform: scale(1.05);
}


.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.from-purple-400 {
    --tw-gradient-from: rgb(196 181 253);
    --tw-gradient-to: rgb(196 181 253 / 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-blue-400 {
    --tw-gradient-to: rgb(96 165 250);
}

.bg-clip-text {
    background-clip: text;
    -webkit-background-clip: text;
}

.text-transparent {
    color: transparent;
}


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


.shadow-xl {
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}


@media (max-width: 768px) {
    .text-5xl {
        font-size: 2.5rem;
    }
    
    .text-6xl {
        font-size: 3rem;
    }
    
    .py-20 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}


/* FAQ toggle styling removed since we now use native HTML5 details */


html {
    scroll-behavior: smooth;
}


/* Removed problematic z-index rules that were blocking header interaction */


body {
    overflow-x: hidden;
}


section {
    margin-bottom: 0;
    padding-bottom: 0;
}

section:not(:last-child) {
    border-bottom: none;
}


::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--alfa-800);
}

::-webkit-scrollbar-thumb {
    background: var(--alfa-600);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--alfa-500);
}