/* ---- Card top glow line ---- */

.glass-card::before,
.contact-cta__card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(167, 139, 250, 0.4), transparent);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 2;
}

.glass-card:hover::before,
.contact-cta__card:hover::before {
  opacity: 1;
}

/* ---- WebGL shader background ---- */

html {
  background-color: var(--bg-primary);
}

body {
  background-color: transparent;
}

#bg-canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}