/**
 * Landing-page card system (filmmakersworld.com tiles + signup card).
 * Shared by Discover, /me auth, invite, etc.
 */
.fw-glow-card {
  --glow-x: 50%;
  --glow-y: 0%;
  --glow-o: 0;
  --fw-glow-line: rgba(255, 255, 255, 0.07);
  --fw-glow-card-bg: #111111;
  position: relative;
  background: var(--fw-glow-card-bg);
  border: 1px solid var(--fw-glow-line);
  border-radius: 14px;
  isolation: isolate;
  transition: background 0.4s ease, transform 0.4s ease, border-color 0.25s ease;
}

/* Cursor-tracked border glow */
.fw-glow-card--interactive::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: radial-gradient(
    220px circle at var(--glow-x) var(--glow-y),
    rgba(240, 192, 64, 0.9) 0%,
    rgba(240, 192, 64, 0.35) 22%,
    rgba(240, 192, 64, 0) 60%
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  opacity: var(--glow-o);
  transition: opacity 0.35s ease;
  pointer-events: none;
  z-index: 2;
}

.fw-glow-card--interactive::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(
    260px circle at var(--glow-x) var(--glow-y),
    rgba(240, 192, 64, 0.07) 0%,
    rgba(240, 192, 64, 0) 55%
  );
  opacity: var(--glow-o);
  transition: opacity 0.35s ease;
  pointer-events: none;
  z-index: 0;
}

.fw-glow-card--interactive:hover {
  background: #141414;
  transform: translateY(-2px);
}

.fw-glow-card--interactive > * {
  position: relative;
  z-index: 1;
}

@media (hover: none) {
  .fw-glow-card--interactive::before {
    background: radial-gradient(
      180px circle at 50% 0%,
      rgba(240, 192, 64, 0.4) 0%,
      rgba(240, 192, 64, 0) 60%
    );
    opacity: 0.45;
  }
  .fw-glow-card--interactive::after {
    opacity: 0;
  }
}

/* Form / auth panels — static top-edge glow (signup card on landing) */
.fw-glow-card--form {
  border-radius: 18px;
  padding: clamp(2rem, 5vw, 2.75rem);
}

.fw-glow-card--form::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: radial-gradient(
    340px circle at 50% 0%,
    rgba(240, 192, 64, 0.9) 0%,
    rgba(240, 192, 64, 0.25) 30%,
    rgba(240, 192, 64, 0) 62%
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  opacity: 0.5;
  pointer-events: none;
  z-index: 2;
}

.fw-glow-card--form > * {
  position: relative;
  z-index: 1;
}

/* Profile cards in Discover */
.fw-glow-card--profile {
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}

.fw-glow-card--profile.fw-result-card:hover {
  transform: translateY(-2px);
  box-shadow: none;
  border-color: var(--fw-glow-line);
}