/* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 10px;
        }
        ::-webkit-scrollbar-track {
            background: #0A0F1F;
        }
        ::-webkit-scrollbar-thumb {
            background: #1f2937;
            border: 1px solid #00C6FF;
            border-radius: 5px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #00C6FF;
        }

        /* Glassmorphism & Neumorphism Utilities */
        .glass-panel {
            background: rgba(17, 24, 39, 0.8);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(0, 198, 255, 0.1);
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
        }
        
        .neon-border {
            position: relative;
            transition: all 0.3s ease;
        }
        .neon-border:hover {
            border-color: #00C6FF;
            box-shadow: 0 0 15px rgba(0, 198, 255, 0.4), inset 0 0 10px rgba(0, 198, 255, 0.1);
        }

        .text-glow {
            text-shadow: 0 0 10px rgba(0, 198, 255, 0.5);
        }

        /* Moving Grid Background */
        .bg-animated-grid {
            background-size: 50px 50px;
            background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                              linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
            animation: grid-move 20s linear infinite;
        }

        /* Utilities */
        .clip-diagonal {
            clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
        }

        /* Modal specific styles */
        .content-body h3 {
            font-family: 'Montserrat', sans-serif;
            font-weight: 700;
            font-size: 1.5rem;
            color: #fff;
            margin-top: 2rem;
            margin-bottom: 1rem;
        }
        .content-body p {
            margin-bottom: 1rem;
            color: #9ca3af;
            line-height: 1.7;
        }
        .content-body ul {
            list-style: none;
            padding-left: 0;
            margin-bottom: 1.5rem;
        }
        .content-body li {
            position: relative;
            padding-left: 1.5rem;
            margin-bottom: 0.5rem;
            color: #d1d5db;
        }
        .content-body li::before {
            content: '>';
            position: absolute;
            left: 0;
            color: #00C6FF;
            font-family: 'Space Mono', monospace;
        }