@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&family=Inter:wght@300;400;600;800&display=swap');

        body {
            background-color: #030303;
            color: #FFFFFF;
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
        }

        /* Matrix Canvas */
        #matrix-bg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            z-index: 0;
            opacity: 0.25;
            pointer-events: none;
        }

        /* Glassmorphism & UI Accents */
        .glass-nav {
            background: rgba(3, 3, 3, 0.7);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border-bottom: 1px solid rgba(132, 0, 255, 0.15);
        }

        .glass-card {
            background: linear-gradient(180deg, rgba(18, 18, 18, 0.6) 0%, rgba(10, 10, 10, 0.8) 100%);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.05);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .glass-card:hover {
            border-color: rgba(132, 0, 255, 0.4);
            box-shadow: 0 0 30px rgba(132, 0, 255, 0.1);
            transform: translateY(-2px);
        }

        /* Glowing text & elements */
        .text-glow {
            text-shadow: 0 0 20px rgba(132, 0, 255, 0.6);
        }
        
        .box-glow {
            box-shadow: 0 0 25px rgba(132, 0, 255, 0.2), inset 0 0 15px rgba(132, 0, 255, 0.05);
        }

        /* Glitch Effect */
        .glitch-wrapper { position: relative; display: inline-block; }
        .glitch {
            color: #FFFFFF;
            position: relative;
            display: inline-block;
        }
        .glitch::before, .glitch::after {
            content: attr(data-text);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: transparent;
        }
        .glitch::before {
            left: 3px;
            text-shadow: -2px 0 #8400FF;
            clip: rect(24px, 550px, 90px, 0);
            animation: glitch-anim-2 3s infinite linear alternate-reverse;
        }
        .glitch::after {
            left: -3px;
            text-shadow: -2px 0 #b04dff;
            clip: rect(85px, 550px, 140px, 0);
            animation: glitch-anim 2.5s infinite linear alternate-reverse;
        }

        @keyframes glitch-anim {
            0% { clip: rect(13px, 9999px, 86px, 0); }
            20% { clip: rect(72px, 9999px, 14px, 0); }
            40% { clip: rect(29px, 9999px, 89px, 0); }
            60% { clip: rect(94px, 9999px, 24px, 0); }
            80% { clip: rect(3px, 9999px, 108px, 0); }
            100% { clip: rect(42px, 9999px, 55px, 0); }
        }
        @keyframes glitch-anim-2 {
            0% { clip: rect(65px, 9999px, 100px, 0); }
            20% { clip: rect(3px, 9999px, 5px, 0); }
            40% { clip: rect(44px, 9999px, 56px, 0); }
            60% { clip: rect(89px, 9999px, 12px, 0); }
            80% { clip: rect(14px, 9999px, 78px, 0); }
            100% { clip: rect(98px, 9999px, 45px, 0); }
        }

        /* Terminal Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #030303; }
        ::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; }
        ::-webkit-scrollbar-thumb:hover { background: #8400FF; }

        .cursor { display: inline-block; width: 8px; height: 18px; background-color: #8400FF; animation: blink 1s step-end infinite; vertical-align: middle; margin-left: 4px; box-shadow: 0 0 8px #8400FF; }
        @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

        /* Social Icon Hover */
        .social-icon { fill: #9ca3af; transition: all 0.3s ease; }
        .social-link:hover .social-icon { fill: #8400FF; filter: drop-shadow(0 0 5px rgba(132,0,255,0.6)); transform: scale(1.1); }


  @keyframes float-card {
                    0%, 100% { transform: translateY(0px); }
                    50% { transform: translateY(-12px); }
                }
                .animate-float {
                    animation: float-card 3.5s ease-in-out infinite;
                }



  @keyframes scan { 0% { top: -10%; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { top: 110%; opacity: 0; } }
                    @keyframes bar-1 { 0%, 100% { height: 30%; } 50% { height: 70%; } }
                    @keyframes bar-2 { 0%, 100% { height: 80%; } 50% { height: 40%; } }
                    @keyframes bar-3 { 0%, 100% { height: 50%; } 50% { height: 90%; } }
                    @keyframes bar-4 { 0%, 100% { height: 40%; } 50% { height: 60%; } }
                    @keyframes bar-5 { 0%, 100% { height: 90%; } 50% { height: 30%; } }
                    @keyframes bar-6 { 0%, 100% { height: 60%; } 50% { height: 100%; } }


 @keyframes fade-in-up {
                    0% { opacity: 0; transform: translateY(10px); }
                    100% { opacity: 1; transform: translateY(0); }
                }
                .tab-animate { animation: fade-in-up 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
                .step-line::before {
                    content: ''; position: absolute; left: 1.25rem; top: 2.5rem; bottom: -1rem; width: 1px; background: rgba(132,0,255,0.2);
                }
                .step-item:last-child .step-line::before { display: none; }


                .mac-scrollbar::-webkit-scrollbar {
                    width: 6px;
                }
                .mac-scrollbar::-webkit-scrollbar-track {
                    background: rgba(255, 255, 255, 0.02);
                    border-radius: 10px;
                }
                .mac-scrollbar::-webkit-scrollbar-thumb {
                    background: rgba(132, 0, 255, 0.3);
                    border-radius: 10px;
                }
                .mac-scrollbar::-webkit-scrollbar-thumb:hover {
                    background: rgba(132, 0, 255, 0.6);
                }
        

.faq-grid {
                    display: grid;
                    grid-template-rows: 0fr;
                    transition: grid-template-rows 0.3s ease-out;
                }
                .faq-grid.open {
                    grid-template-rows: 1fr;
                }
                .faq-grid-inner {
                    overflow: hidden;
                }



@media (max-width: 1000px){
.none-show-mobile {
	display: none !important;
}
}