.sep-krypton {
  width: 85%;
  height: 8px;
  margin: 1.5rem auto;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  clip-path: polygon(
    0% 50%, 5% 25%, 15% 15%, 30% 25%, 45% 10%,
    60% 25%, 75% 15%, 85% 25%, 95% 50%, 
    85% 75%, 75% 85%, 60% 75%, 45% 90%,
    30% 75%, 15% 85%, 5% 75%
  );
  background: linear-gradient(
    90deg,
    var(--cyan) 0%,
    var(--cyan-glow) 20%,
    var(--violet-glow) 60%,
    var(--violet) 100%
  );
  box-shadow:
    0 0 10px var(--cyan-glow),
    0 0 20px var(--violet-glow);
}

/* --- Animation du cœur énergétique --- */
.sep-krypton.pulse::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle,
    var(--cyan) 0%,
    transparent 60%
  );
  opacity: 0.35;
  transform: scale(0.6);
  animation: kryptonPulse 2.8s ease-in-out infinite;
  mix-blend-mode: screen; /* <--- effet réfraction / fusion de lumière */
}

/* --- Animation du halo scintillant interne (réfraction douce) --- */
.sep-krypton.pulse::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at 60% 40%,
    var(--violet-glow) 0%,
    transparent 70%
  );
  opacity: 0.25;
  animation: refraction 5.5s ease-in-out infinite;
  mix-blend-mode: lighten;
}

/* --- Keyframes --- */
@keyframes kryptonPulse {
  0%,100% { transform: scale(0.6); opacity: .25; }
  50%     { transform: scale(1);   opacity: .45; }
}

@keyframes refraction {
  0%,100% { transform: translate(0,0) scale(1); }
  50%     { transform: translate(-6%, 5%) scale(1.15); }
}