/* Electric Border CSS - Enhanced Neon Version */
.electric-border {
    --electric-light-color: oklch(from var(--electric-border-color) l c h);
    position: relative;
    border-radius: inherit;
    overflow: visible;
    isolation: isolate;
}

.eb-canvas-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 2;
}

.eb-canvas {
    display: block;
}

.eb-content {
    position: relative;
    border-radius: inherit;
    z-index: 1;
}

.eb-layers {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 0;
}

.eb-glow-1,
.eb-glow-2,
.eb-background-glow {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    box-sizing: border-box;
}

.eb-glow-1 {
    border: 2px solid oklch(from var(--electric-border-color) l c h / 0.8);
    filter: blur(1px) brightness(1.5);
    box-shadow: 0 0 10px oklch(from var(--electric-border-color) l c h / 0.6);
}

.eb-glow-2 {
    border: 2px solid var(--electric-light-color);
    filter: blur(2px) brightness(2);
    box-shadow: 0 0 20px var(--electric-light-color), inset 0 0 10px var(--electric-light-color);
}

.eb-background-glow {
    z-index: -1;
    transform: scale(1.15);
    filter: blur(40px) brightness(1.8);
    opacity: 0.6;
    background: radial-gradient(circle at center, var(--electric-light-color), transparent 40%, var(--electric-border-color) 80%, transparent);
    animation: neon-pulse 2s ease-in-out infinite alternate;
}

@keyframes neon-pulse {
    0% {
        opacity: 0.4;
        filter: blur(40px) brightness(1.5);
    }
    100% {
        opacity: 0.8;
        filter: blur(50px) brightness(2.2);
    }
}