/* CSS for Glassmorphism */
        body {
            background-color: #050511;
            overflow-x: hidden;
        }

        /* Ambient Background */
        .orb {
            position: absolute;
            border-radius: 50%;
            filter: blur(80px);
            z-index: 0;
            opacity: 0.6;
        }
        .orb-1 {
            width: 400px;
            height: 400px;
            background: #4c1d95; 
            top: -10%;
            left: -10%;
        }
        .orb-2 {
            width: 500px;
            height: 500px;
            background: #3b0764; 
            bottom: -10%;
            right: -10%;
        }
        .orb-3 {
            width: 300px;
            height: 300px;
            background: #db2777; 
            top: 40%;
            left: 30%;
            opacity: 0.2;
            animation: pulseGlow 5s infinite alternate;
        }

        /* Card Styling */
        .glass-card {
            background: rgba(255, 255, 255, 0.03);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.08);
            box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
        }

        .text-glow {
            text-shadow: 0 0 20px rgba(176, 38, 255, 0.5);
        }
        
        /* Grid texture overlay */
        .grid-overlay {
            background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
            background-size: 30px 30px;
            mask-image: radial-gradient(circle at center, black 40%, transparent 80%);
        }