body { opacity: 0; transition: opacity 1.5s ease-in-out; }
        .glow-border { box-shadow: 0 0 15px rgba(0, 170, 255, 0.8); }
        

        .animate-fade-in { animation: fadeInScale 3s ease-out; }
        .animate-fade-in1 { animation: pulse 3s ease-out; }
        .animate-fade-in2 { animation: fadeInScale 3s ease-out; }
        .animate-fade-in3 { animation: bounce 3s ease-in-out; }
        .hero-container { position: relative; width: 100%; height: 200px; overflow: hidden; }
        .hero-image { position: absolute; top: 0; left: 50%; transform: translateX(-50%); transition: opacity 1s ease-in-out; }