/* ═══════════ ELECTRIC BORDER EFFECT ═══════════ */
.electric-border-wrap {
    --eb-color: #FF4500;
    position: relative;
    overflow: visible;
    isolation: isolate;
}

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

.electric-border-wrap .eb-canvas {
    display: block;
}

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

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

.electric-border-wrap .eb-glow-1 {
    border: 2px solid rgba(255, 69, 0, 0.6);
    filter: blur(1px);
}

.electric-border-wrap .eb-glow-2 {
    border: 2px solid var(--eb-color);
    filter: blur(4px);
}

.electric-border-wrap .eb-bg-glow {
    z-index: -1;
    transform: scale(1.1);
    filter: blur(32px);
    opacity: 0.25;
    background: linear-gradient(-30deg, var(--eb-color), transparent, #FF8C69);
}

.electric-border-wrap .eb-content {
    position: relative;
    border-radius: inherit;
    z-index: 1;
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
}
