styles.css

@layer utilities {
    .neon-bg {
        background-image: url('https://www.shutterstock.com/image-vector/vibrant-pink-neon-line-art-600nw-2620013953.jpg');
        background-size: cover;
        background-position: center;
        mix-blend-mode: screen;
    }
    .gold-neon-glow {
        text-shadow: 0 0 10px rgba(212, 175, 55, 0.6), 0 0 30px rgba(255, 20, 147, 0.3);
    }
    .glass-card {
        background: rgba(5, 10, 20, 0.7);
        backdrop-filter: blur(20px);
        border: 1px solid rgba(212, 175, 55, 0.3);
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);
        transition: all 0.5s ease;
    }
    .card-image-overlay {
        background: linear-gradient(to bottom, transparent, rgba(5, 10, 20, 0.9));
    }
    .neon-line-bg {
        background-color: #050a14;
        background-image: radial-gradient(circle at 20% 30%, rgba(255, 20, 147, 0.05) 0%, transparent 40%);
    }
}