/* Custom CSS for Neon Glow and Glassmorphism */
        body {
            background-color: #0A0A0A;
        }

        .text-neon {
            text-shadow: 0 0 5px #00E5FF, 0 0 10px #7C4DFF;
        }

        .glass-card {
            background-color: rgba(31, 31, 31, 0.5); /* Cool Grey with transparency */
            border: 1px solid rgba(0, 229, 255, 0.2);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
        }

        .hover-neon-border:hover {
            border-color: #00E5FF;
            box-shadow: 0 0 10px rgba(0, 229, 255, 0.6);
        }

        /* Animated Hero Background (Subtle Light Streaks) */
        .hero-bg {
            background: linear-gradient(135deg, #0A0A0A 0%, #1F1F1F 100%);
            position: relative;
            overflow: hidden;
        }
        .hero-bg::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 150%;
            height: 150%;
            background: radial-gradient(circle at 10% 90%, rgba(0, 229, 255, 0.2) 0%, transparent 40%),
                        radial-gradient(circle at 90% 10%, rgba(124, 77, 255, 0.2) 0%, transparent 40%);
            animation: moveLight 20s infinite linear;
        }
        @keyframes moveLight {
            0% { transform: translate(0, 0); }
            50% { transform: translate(-50px, -50px); }
            100% { transform: translate(0, 0); }
        }
        .document-content h3 {
            font-size: 1.5rem;
            margin-top: 1.5rem;
            margin-bottom: 0.5rem;
            color: #00E5FF;
            text-transform: uppercase;
            letter-spacing: 0.2em;
        }
        .document-content p, .document-content li {
            font-size: 0.95rem;
            line-height: 1.6;
            color: #ccc;
        }
        .document-content ul {
            list-style-type: disc;
            margin-left: 1.5rem;
            padding-left: 0.5rem;
        }