        /* Custom Styles & Typography Mapping */
        body {
            font-family: 'Inter', sans-serif;
            color: #F5F5F5; /* Soft White */
            background-color: #111111; /* Deep Charcoal */
            min-height: 100vh;
        }
        h1, h2, h3, .bebas {
            font-family: 'Bebas Neue', sans-serif;
            letter-spacing: 0.1em;
        }
        .poppins-medium {
            font-family: 'Poppins', sans-serif;
            font-weight: 500;
        }
        .roboto-mono {
            font-family: 'Roboto Mono', monospace;
        }
        /* Custom Scrollbar for Dark Theme */
        body::-webkit-scrollbar {
            width: 8px;
        }
        body::-webkit-scrollbar-thumb {
            background-color: #E63946; /* Electric Red */
            border-radius: 4px;
        }
        body::-webkit-scrollbar-track {
            background-color: #2B2B2B; /* Steel Gray */
        }
        /* Animation Classes */
        .fade-slide-in {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }
        .visible {
            opacity: 1;
            transform: translateY(0);
        }
        /* Button Glow Effect */
        .btn-glow {
            transition: all 0.3s ease;
            box-shadow: 0 0 0 rgba(230, 57, 70, 0);
        }
        .btn-glow:hover {
            box-shadow: 0 0 15px rgba(230, 57, 70, 0.7);
        }
        /* Video background styling */
        .hero-video-container {
            position: relative;
            height: 100vh;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .hero-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.65); /* Dark overlay */
            z-index: 10;
        }
        .hero-content {
            z-index: 20;
            text-align: center;
        }
    