/* ── Glowing Effect (vanilla CSS port of shadcn GlowingEffect) ── */

.glow-wrapper {
  position: relative;
}

/* Static border shown when glow is inactive */
.glow-wrapper .glow-border-static {
  pointer-events: none;
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  border: 1px solid rgba(255, 255, 255, 0.08);
  opacity: 0;
  transition: opacity 0.3s;
}

/* The glow container - tracks mouse */
.glow-wrapper .glow-container {
  --blur: 0px;
  --spread: 40;
  --start: 0;
  --active: 0;
  --glow-border-width: 3px;
  --repeating-conic-times: 5;
  --glow-gradient:
    radial-gradient(circle, #9f9fa9 10%, #9f9fa900 20%),
    radial-gradient(circle at 40% 40%, #e4e4e7 5%, #e4e4e700 15%),
    radial-gradient(circle at 60% 60%, #3f3f46 10%, #3f3f4600 20%),
    radial-gradient(circle at 40% 60%, #27272a 10%, #27272a00 20%),
    repeating-conic-gradient(
      from 236.84deg at 50% 50%,
      #9f9fa9 0%,
      #e4e4e7 calc(25% / var(--repeating-conic-times)),
      #3f3f46 calc(50% / var(--repeating-conic-times)),
      #27272a calc(75% / var(--repeating-conic-times)),
      #9f9fa9 calc(100% / var(--repeating-conic-times))
    );

  pointer-events: none;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  opacity: 1;
  transition: opacity 0.3s;
}

.glow-wrapper .glow-container .glow-inner {
  border-radius: inherit;
  position: relative;
  width: 100%;
  height: 100%;
}

.glow-wrapper .glow-container .glow-inner::after {
  content: "";
  position: absolute;
  inset: calc(-1 * var(--glow-border-width));
  border-radius: inherit;
  border: var(--glow-border-width) solid transparent;
  background: var(--glow-gradient);
  background-attachment: fixed;
  opacity: var(--active);
  transition: opacity 0.3s;
  -webkit-mask-clip: padding-box, border-box;
  mask-clip: padding-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: intersect;
  -webkit-mask-image:
    linear-gradient(#0000, #0000),
    conic-gradient(
      from calc((var(--start) - var(--spread)) * 1deg),
      #00000000 0deg,
      #fff,
      #00000000 calc(var(--spread) * 2deg)
    );
  mask-image:
    linear-gradient(#0000, #0000),
    conic-gradient(
      from calc((var(--start) - var(--spread)) * 1deg),
      #00000000 0deg,
      #fff,
      #00000000 calc(var(--spread) * 2deg)
    );
}