/* =====================================
   PREMIUM ELECTRIC BORDER (CLEAN)
===================================== */

.electric-card {
  position: relative;
  background: #ffffff;
  border-radius: 18px;
  padding: 25px;
  overflow: hidden;
  z-index: 1;
  transition: 0.3s ease;
}

/* Animated Border */
.electric-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(
    120deg,
    #ff8c00,
    #ffae00,
    #ff4500,
    #ff8c00
  );
  background-size: 300% 300%;
  animation: borderMove 5s linear infinite;

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;

  pointer-events: none;
}

/* Soft Glow */
.electric-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(255, 140, 0, 0.35);
}

@keyframes borderMove {
  0% { background-position: 0% 50%; }
  100% { background-position: 300% 50%; }
}