/* ========================= */
/* DEEP VIOLET AI THEME */
/* ========================= */

:root {
  --bg: #000000;

  --surface: #060606;
  --surface2: #101010;

  --text: #f5f5f5;
  --muted: #8d8d8d;

  --border: rgba(255, 255, 255, 0.08);

  --accent: #9d7bff;
  --accent2: #5ce1e6;

  --gradient: linear-gradient(135deg, #9d7bff 0%, #5ce1e6 100%);

  --display: "Syne", sans-serif;
  --mono: "DM Mono", monospace;
}

/* HERO LIGHT */

.hero {
  position: relative;
}

.hero::after {
  content: "";

  position: absolute;

  width: 700px;
  height: 700px;

  background: radial-gradient(
    circle,
    rgba(157, 123, 255, 0.15) 0%,
    transparent 70%
  );

  top: 50%;
  right: -200px;

  transform: translateY(-50%);

  filter: blur(90px);

  z-index: -1;
}

/* GRADIENT TEXT */

.hero h1 span {
  background: var(--gradient);

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* SECTION GLOW */

.member-section:hover {
  background: linear-gradient(180deg, rgba(157, 123, 255, 0.03), transparent);
}