@keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        @keyframes slideUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }
        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
        }
        @keyframes gradient {
            0%, 100% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
        }
        .gradient-bg {
            background: linear-gradient(-45deg, #0f2aa5ff, #240642ff, #2b34e6ff, #df7b2aff);
            background-size: 400% 400%;
            animation: gradient 8s ease infinite;
        }
        .glass-effect {
            backdrop-filter: blur(10px);
            background: rgba(241, 153, 20, 0.1);
            border: 1px solid rgba(233, 110, 10, 0.2);
        }
        .dark .glass-effect {
            background: rgba(0, 0, 0, 0.3);
            border: 1px solid rgba(255, 255, 255, 0.1);
            
        }
.bg-l{
    background-image:url("bg.jpg");
    background-size: contain;
    
    background-position: center;
    background-repeat: no-repeat;
    
   
   
}