.lightning-card-2428e9b4 {
    position: relative;
    transition: all 0.3s ease;
    border-radius: 15px;
    z-index: 1;
}

.lightning-card-2428e9b4::after {
    content: '';
    position: absolute;
    inset: -4px;
    border-radius: inherit;
    padding: 4px;
    background: linear-gradient(45deg, transparent, var(--lightning-color, #0ff), transparent, var(--lightning-color, #0ff));
    background-size: 200% 200%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0.3;
    transition: opacity 0.4s ease, filter 0.4s ease;
    animation: pulse-border-2428e9b4 3s infinite linear;
    pointer-events: none;
    z-index: 10;
}

.lightning-card-2428e9b4:hover::after {
    opacity: 1;
    filter: drop-shadow(0 0 8px var(--lightning-color, #0ff)) drop-shadow(0 0 20px var(--lightning-color, #0ff));
    animation: lightning-flash-2428e9b4 0.3s infinite alternate, pulse-border-2428e9b4 1s infinite linear;
}

.lightning-card-2428e9b4::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 0 0px var(--lightning-color, #0ff);
    transition: box-shadow 0.4s ease;
    pointer-events: none;
    z-index: 10;
}

.lightning-card-2428e9b4:hover::before {
    box-shadow: inset 0 0 30px var(--lightning-color, #0ff);
}

@keyframes pulse-border-2428e9b4 {
    0% { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}

@keyframes lightning-flash-2428e9b4 {
    0% { filter: drop-shadow(0 0 5px var(--lightning-color, #0ff)); }
    100% { filter: drop-shadow(0 0 15px var(--lightning-color, #0ff)) drop-shadow(0 0 30px var(--lightning-color, #0ff)); }
}