<style>
    
        body {
            background-color: #042770 !important;
            margin: 0;
            overflow-x: hidden;
            font-family: 'Poppins', sans-serif !important;
        }
        
        #matrix {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -2;
            pointer-events: none;
            opacity: 0.7;
        }
        
        .hero-section {
            position: relative;
            display: flex;
            justify-content: center;
            padding: 2rem 1rem;
            width: 100%;
            text-align: center;
            margin-bottom: -130px;
        }
        
        .hero-content {
            width: 100%;
            max-width: 800px;
            margin: 0 auto;
        }
        
        .page-title {
            font-size: clamp(3rem, 8vw, 5rem);
            font-weight: 800;
            margin-bottom: 1.5rem;
            color: #bfff5a;
            text-shadow: 0 0 10px rgba(191, 255, 90, 0.3);
            opacity: 0;
            animation: fadeInUp 1s forwards 0.3s;
        }
        
        .accent-text {
            color: #09aeff;
        }
        
        .subtitle {
            font-size: clamp(1rem, 3vw, 1.2rem);
            color: rgba(255, 255, 255, 0.8);
            margin-bottom: 2rem;
            line-height: 1.6;
            opacity: 0;
            text-align: justify;
            animation: fadeInUp 1s forwards 0.6s;
        }
        
        @keyframes fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .banner-scrolling {
            margin: 3rem 0;
            overflow: hidden;
            white-space: nowrap;
        }
        
        .marquee-item {
            display: inline-block;
            margin: 0 1.5rem;
            font-size: clamp(1.5rem, 4vw, 2.5rem);
            color: #09aeff;
            opacity: 0.9;
        }
        
        @media (max-width: 768px) {
            #matrix {
                opacity: 0.5;
            }
            .banner-scrolling {
                margin: 2rem 0;
            }
        }
    </style>