/* Mouse-following glow effect for cards */
.glow-card {
  position: relative;
  --mx: -9999px;
  --my: -9999px;
}

/* Border glow — visible only in the 1px border strip via mask */
.glow-card::after {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  border: 1px solid transparent;
  background:
    radial-gradient(140px at var(--mx) var(--my), hsl(68 80% 52% / 0.45), transparent 80%)
    border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.35s ease;
  z-index: 3;
}

.glow-card:hover::after {
  opacity: 1;
}
