/* --- ELECTRIFYING NEON SYSTEM --- */
/* FORCED INJECTION - V5.0.1 */

/* Neon Text Glows */
.neon-text-cyan {
    color: var(--lux-cyan) !important;
    text-shadow: 0 0 15px rgba(0, 242, 255, 0.6), 0 0 30px rgba(0, 242, 255, 0.3) !important;
}

.neon-text-purple {
    color: var(--lux-purple) !important;
    text-shadow: 0 0 15px rgba(138, 43, 226, 0.6), 0 0 30px rgba(138, 43, 226, 0.3) !important;
}

/* Glow Filters */
.glow-cyan {
    filter: drop-shadow(0 0 10px var(--lux-cyan)) !important;
}

.glow-purple {
    filter: drop-shadow(0 0 12px var(--lux-purple)) !important;
}

/* Kinematic Float Animation */
.animate-float {
    animation: luxFloat 4s ease-in-out infinite !important;
}

@keyframes luxFloat {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }
}

/* Neon Mist Atmospheric Effect */
.neon-mist {
    background:
        radial-gradient(circle at 50% 30%, rgba(0, 242, 255, 0.3) 0%, transparent 50%),
        radial-gradient(circle at 80% 60%, rgba(138, 43, 226, 0.25) 0%, transparent 40%) !important;
}

/* Lux Card Hover Glow Trail */
.lux-card {
    position: relative;
    overflow: hidden;
}

.lux-card::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(from 0deg, transparent, var(--lux-cyan), transparent 25%);
    animation: luxRotate 6s linear infinite;
    opacity: 0;
    transition: opacity 0.5s;
    z-index: -1;
}

.lux-card:hover::after {
    opacity: 0.2;
}

@keyframes luxRotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* Electrifying Buttons */
.btn-primary-lux {
    box-shadow: 0 0 20px rgba(0, 102, 255, 0.5) !important;
    transition: all 0.3s ease !important;
}

.btn-primary-lux:hover {
    box-shadow: 0 0 40px rgba(0, 102, 255, 0.8), 0 0 60px rgba(0, 242, 255, 0.4) !important;
    transform: scale(1.05) translateY(-3px) !important;
}

/* Clickable Card Styles */
.clickable-card {
    cursor: pointer;
    transition: all 0.3s ease;
}

.clickable-card:hover {
    transform: translateY(-5px);
    border-color: var(--lux-blue);
}

.clickable-card.expanded {
    border-color: var(--lux-cyan);
    box-shadow: 0 0 30px rgba(0, 242, 255, 0.2);
}

.clickable-card.expanded .expand-hint {
    display: none !important;
}

.card-details {
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.expand-hint {
    opacity: 0.6;
    transition: opacity 0.2s;
}

.clickable-card:hover .expand-hint {
    opacity: 1;
}