body {
            font-family: 'Inter', sans-serif;
            scroll-behavior: smooth;
        }
        .gradient-text {
            background: linear-gradient(90deg, #3B82F6, #10B981);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .glass-card {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
        }
        .hero-bg {
            position: relative;
            overflow: hidden;
        }
        .hero-bg::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgba(15, 23, 42, 0.9), rgba(30, 58, 138, 0.8));
            z-index: 1;
        }
        #particles-js {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 2;
            pointer-events: none;
        }
        .fade-in-up {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }
        .fade-in-up.visible {
            opacity: 1;
            transform: translateY(0);
        }
        .faq-item.active .faq-answer {
            max-height: 500px;
            opacity: 1;
            padding-bottom: 1rem;
        }
        .faq-item.active .faq-icon {
            transform: rotate(180deg);
        }
        .faq-answer {
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            transition: all 0.3s ease-in-out;
        }
        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 10px;
        }
        ::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        ::-webkit-scrollbar-thumb {
            background: #3B82F6;
            border-radius: 5px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #2563EB;
        }
        /* Smooth scroll offset for fixed header */
        html {
            scroll-padding-top: 80px;
        }

        svg {
            width: 100%;
            height: 100%;
        }

        .neon-circle {
            fill: none;
            stroke-width: 8;
            stroke-linecap: round;
            animation: colorShift 4s ease-in-out infinite;
            filter: url(#neonGlow);
        }

        .neon-check {
            fill: none;
            stroke-width: 12;
            stroke-linecap: round;
            stroke-linejoin: round;
            animation: colorShift 4s ease-in-out infinite, drawCheck 1.5s ease-out forwards;
            filter: url(#neonGlow);
        }

        @keyframes colorShift {
            0% {
                stroke: #00bfff;
                stop-color: #00bfff;
            }
            25% {
                stroke: #00ffaa;
                stop-color: #00ffaa;
            }
            50% {
                stroke: #00ff88;
                stop-color: #00ff88;
            }
            75% {
                stroke: #00ffaa;
                stop-color: #00ffaa;
            }
            100% {
                stroke: #00bfff;
                stop-color: #00bfff;
            }
        }

        @keyframes drawCheck {
            0% {
                stroke-dasharray: 300;
                stroke-dashoffset: 300;
                opacity: 0;
            }
            100% {
                stroke-dasharray: 300;
                stroke-dashoffset: 0;
                opacity: 1;
            }
        }

        .gradient-stop {
            animation: gradientShift 4s ease-in-out infinite;
        }