/* Base & Scrollbar */
    body {
        font-family: 'Poppins', sans-serif;
        overflow-x: hidden;
    }

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

    ::-webkit-scrollbar-track {
        background: #0f0f0f;
    }

    ::-webkit-scrollbar-thumb {
        background: #FF8C00;
        border-radius: 10px;
    }

    .dark ::-webkit-scrollbar-track {
        background: #0f0f0f;
    }

    /* Glassmorphism */
    .glass {
        background: rgba(255, 255, 255, 0.7);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(255, 255, 255, 0.3);
    }

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

    /* Typography */
    .text-gradient {
        background: linear-gradient(to right, #FFD700, #FF8C00);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    /* Animations */
    .hover-glow {
        transition: all 0.3s ease;
    }

    .hover-glow:hover {
        box-shadow: 0 10px 30px -10px rgba(255, 140, 0, 0.5);
        transform: translateY(-5px);
    }

    .dark .hover-glow:hover {
        box-shadow: 0 10px 30px -10px rgba(255, 215, 0, 0.3);
    }

    @keyframes float {
        0% {
            transform: translateY(0px) rotate(0deg);
        }

        50% {
            transform: translateY(-20px) rotate(5deg);
        }

        100% {
            transform: translateY(0px) rotate(0deg);
        }
    }

    .animate-float {
        animation: float 6s ease-in-out infinite;
    }

    .animate-float-delayed {
        animation: float 6s ease-in-out 3s infinite;
    }

    /* Scroll Reveal Utility */
    .reveal {
        opacity: 0;
        transform: translateY(40px);
        transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
    }

    .reveal.active {
        opacity: 1;
        transform: translateY(0);
    }

    /* Nav Sticky Transition */
    #navbar {
        transition: all 0.3s ease;
    }

    #navbar.scrolled {
        padding-top: 1rem;
        padding-bottom: 1rem;
        background: rgba(15, 15, 15, 0.9);
        backdrop-filter: blur(10px);
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    }

    .light-mode-nav.scrolled {
        background: rgba(255, 255, 255, 0.9) !important;
    }

    /* Testimonial Slider Setup */
    .slider-wrapper {
        display: flex;
        transition: transform 0.6s ease-in-out;
    }

    .slide {
        min-width: 100%;
        box-sizing: border-box;
    }

    /* Filter buttons */
    .filter-btn.active {
        background-image: linear-gradient(to right, #FFD700, #FF8C00);
        color: #0f0f0f;
        border-color: transparent;
    }

    /* Border Glow */
    .glow-border {
        position: relative;
    }

    .glow-border::before {
        content: '';
        position: absolute;
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px;
        background: linear-gradient(45deg, #FFD700, #FF8C00, #FFD700);
        border-radius: 22px;
        z-index: -1;
        filter: blur(10px);
        opacity: 0.5;
        transition: opacity 0.3s ease;
    }

    .glow-border:hover::before {
        opacity: 1;
        filter: blur(15px);
    }

    /* General UI Polish */
    .card-radius {
        border-radius: 20px;
    }