.glass-card {
            background: rgba(18, 21, 38, 0.4);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(0, 242, 255, 0.1);
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        }
        .glass-card-interactive:hover {
            background: rgba(28, 32, 58, 0.6);
            box-shadow: 0 8px 32px rgba(0, 242, 255, 0.2), 0 0 15px rgba(153, 107, 255, 0.1);
            border: 1px solid rgba(0, 242, 255, 0.4);
            transform: translateY(-4px);
        }
        .bg-cyber-grid {
            background-image: 
                linear-gradient(to right, rgba(0, 242, 255, 0.03) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(0, 242, 255, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
        }
        .text-glow {
            text-shadow: 0 0 15px rgba(0, 242, 255, 0.6), 0 0 5px rgba(153, 107, 255, 0.4);
        }
        .glowing-border {
            border: 1px solid transparent;
            background: linear-gradient(rgba(18, 21, 38, 0.8), rgba(18, 21, 38, 0.8)) padding-box,
                        linear-gradient(90deg, #00f1fe, #996bff) border-box;
        }
         @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
            100% { transform: translateY(0px); }
        }
        .animate-float {
            animation: float 6s ease-in-out infinite;
        }
        
        .hero-bg {
            background-image: url('https://lh3.googleusercontent.com/aida-public/AB6AXuAWfLXIpkzEvOL7Y7pVvc3-PziG_Bfz9h6na7hzmsCvQ1J7fzXQXpQ6droQAhkv_Me0HNIPzLFhPMBOjdACj6G65xKWuORK4Mj8WvAg92Rx1sMNTRzWfbuQNn9N0ZUb8gPG0NZ1MPjXd8PWkSj-TW7QeV7YATDo4ZNEYrVcDTsm7m_eXWyDhJG5U0EBGgj8gTVwAggCnNAzDFf4pdaMlIx5UojZXHDL9GYmPsXP1q9Xgy5M1n1Bz2EftQ');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }
    </style>