/* style.css - Premium Badge Styling & Neon Glow Animations */

@keyframes rgbGlow {
    0%, 100% {
        box-shadow: 0 0 10px rgba(16, 185, 129, 0.4), 0 0 20px rgba(16, 185, 129, 0.1);
    }
    50% {
        box-shadow: 0 0 15px rgba(52, 211, 153, 0.7), 0 0 30px rgba(52, 211, 153, 0.2);
    }
}

@keyframes floatBadge {
    0%, 100% {
        transform: translateY(0px) scale(1);
    }
    50% {
        transform: translateY(-2px) scale(1.05);
    }
}

.premium-badge-pulse {
    animation: rgbGlow 4s infinite ease-in-out, floatBadge 3s infinite ease-in-out;
}

.pro-glow {
    box-shadow: 0 0 12px rgba(59, 130, 246, 0.4), inset 0 0 4px rgba(59, 130, 246, 0.2);
    border: 1px solid rgba(59, 130, 246, 0.3);
}

.premium-glow {
    box-shadow: 0 0 12px rgba(245, 158, 11, 0.4), inset 0 0 4px rgba(245, 158, 11, 0.2);
    border: 1px solid rgba(245, 158, 11, 0.3);
}

.vip-glow {
    box-shadow: 0 0 12px rgba(236, 72, 153, 0.5), inset 0 0 4px rgba(236, 72, 153, 0.3);
    border: 1px solid rgba(236, 72, 153, 0.4);
}

.hot-glow {
    box-shadow: 0 0 12px rgba(239, 68, 68, 0.4), inset 0 0 4px rgba(239, 68, 68, 0.2);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.featured-glow {
    box-shadow: 0 0 12px rgba(16, 185, 129, 0.4), inset 0 0 4px rgba(16, 185, 129, 0.2);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

/* Glass panel styled layout elements */
.glass-panel {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}