.no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Custom Neon Glow & Hover Effects */
        .neon-glow-cyan {
            box-shadow: 0 0 20px rgba(6, 182, 212, 0.3), inset 0 0 15px rgba(6, 182, 212, 0.1);
        }
        .neon-glow-cyan:hover {
            box-shadow: 0 0 35px rgba(6, 182, 212, 0.6), inset 0 0 20px rgba(6, 182, 212, 0.2);
        }
        .neon-glow-indigo {
            box-shadow: 0 0 20px rgba(99, 102, 241, 0.3), inset 0 0 15px rgba(99, 102, 241, 0.1);
        }
        .neon-glow-indigo:hover {
            box-shadow: 0 0 35px rgba(99, 102, 241, 0.6), inset 0 0 20px rgba(99, 102, 241, 0.2);
        }
        .neon-glow-purple {
            box-shadow: 0 0 20px rgba(168, 85, 247, 0.3), inset 0 0 15px rgba(168, 85, 247, 0.1);
        }
        .neon-glow-purple:hover {
            box-shadow: 0 0 35px rgba(168, 85, 247, 0.6), inset 0 0 20px rgba(168, 85, 247, 0.2);
        }
        .neon-glow-teal {
            box-shadow: 0 0 20px rgba(20, 184, 166, 0.3), inset 0 0 15px rgba(20, 184, 166, 0.1);
        }
        .neon-glow-teal:hover {
            box-shadow: 0 0 35px rgba(20, 184, 166, 0.6), inset 0 0 20px rgba(20, 184, 166, 0.2);
        }
        .neon-glow-amber {
            box-shadow: 0 0 20px rgba(245, 158, 11, 0.3), inset 0 0 15px rgba(245, 158, 11, 0.1);
        }
        .neon-glow-amber:hover {
            box-shadow: 0 0 35px rgba(245, 158, 11, 0.6), inset 0 0 20px rgba(245, 158, 11, 0.2);
        }
        .neon-glow-rose {
            box-shadow: 0 0 20px rgba(244, 63, 94, 0.3), inset 0 0 15px rgba(244, 63, 94, 0.1);
        }
        .neon-glow-rose:hover {
            box-shadow: 0 0 35px rgba(244, 63, 94, 0.6), inset 0 0 20px rgba(244, 63, 94, 0.2);
        }

        .neon-text-cyan {
            text-shadow: 0 0 10px rgba(6, 182, 212, 0.6), 0 0 20px rgba(6, 182, 212, 0.3);
        }
        .neon-text-indigo {
            text-shadow: 0 0 10px rgba(99, 102, 241, 0.6), 0 0 20px rgba(99, 102, 241, 0.3);
        }
        .neon-text-purple {
            text-shadow: 0 0 10px rgba(168, 85, 247, 0.6), 0 0 20px rgba(168, 85, 247, 0.3);
        }
        .neon-text-teal {
            text-shadow: 0 0 10px rgba(20, 184, 166, 0.6), 0 0 20px rgba(20, 184, 166, 0.3);
        }
        .neon-text-amber {
            text-shadow: 0 0 10px rgba(245, 158, 11, 0.6), 0 0 20px rgba(245, 158, 11, 0.3);
        }
        .neon-text-rose {
            text-shadow: 0 0 10px rgba(244, 63, 94, 0.6), 0 0 20px rgba(244, 63, 94, 0.3);
        }

        /* Radiant Multi-Color Linear Gradients */
        .radiant-grad-cyan-indigo {
            background: linear-gradient(135deg, rgba(6, 182, 212, 0.25) 0%, rgba(99, 102, 241, 0.25) 100%);
        }
        .radiant-grad-indigo-purple {
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.25) 0%, rgba(168, 85, 247, 0.25) 100%);
        }
        .radiant-grad-purple-pink {
            background: linear-gradient(135deg, rgba(168, 85, 247, 0.25) 0%, rgba(236, 72, 153, 0.25) 100%);
        }
        .radiant-grad-amber-rose {
            background: linear-gradient(135deg, rgba(245, 158, 11, 0.25) 0%, rgba(244, 63, 94, 0.25) 100%);
        }
        .radiant-grad-teal-cyan {
            background: linear-gradient(135deg, rgba(20, 184, 166, 0.25) 0%, rgba(6, 182, 212, 0.25) 100%);
        }
        .radiant-grad-rose-purple {
            background: linear-gradient(135deg, rgba(244, 63, 94, 0.25) 0%, rgba(168, 85, 247, 0.25) 100%);
        }

        /* Three.js Canvas Styling */
        #bg-canvas {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            z-index: 0;
            pointer-events: none;
        }

        /* Spotlight Overlay Layer */
        #spotlight-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            z-index: 1;
            pointer-events: none;
            background: radial-gradient(600px circle at var(--mouse-x, 50vw) var(--mouse-y, 50vh), rgba(14, 165, 233, 0.18), rgba(15, 23, 42, 0.85) 70%, rgba(2, 6, 23, 0.98) 100%);
        }

        /* Enforce single-line non-wrapping points declaration across all viewports */
        .points-badge {
            white-space: nowrap !important;
            flex-shrink: 0 !important;
        }

        /* Precision Micro-Adjustments for Small Devices (Androids & iPhones) */
        @media (max-width: 640px) {
            .responsive-section {
                padding-top: 1.75rem !important;
                padding-bottom: 1.75rem !important;
                padding-left: 0.75rem !important;
                padding-right: 0.75rem !important;
            }
            .responsive-header {
                padding: 0.875rem 0.75rem !important;
                gap: 0.5rem !important;
            }
            .responsive-content {
                padding: 0.875rem !important;
            }
            .responsive-title {
                font-size: 0.95rem !important;
                line-height: 1.4 !important;
            }
            .responsive-nav {
                padding-left: 0.75rem !important;
                padding-right: 0.75rem !important;
                height: 4rem !important;
            }
            .points-badge {
                font-size: 0.7rem !important;
                padding: 0.2rem 0.5rem !important;
            }
        }

        @media (min-width: 641px) and (max-width: 1024px) {
            .responsive-section {
                padding-top: 3.5rem !important;
                padding-bottom: 3.5rem !important;
                padding-left: 1.5rem !important;
                padding-right: 1.5rem !important;
            }
            .responsive-header {
                padding: 1.25rem 1.5rem !important;
            }
            .responsive-content {
                padding: 1.75rem !important;
            }
        }

        /* Responsive footer media query adjustments */
        @media (max-width: 768px) {
            .footer-content-wrapper {
                flex-direction: column;
                text-align: center;
                align-items: center;
            }
            .footer-social-icons {
                justify-content: center;
            }
        }