/* ──────────────────────────────────────────────────────────────
   8 gradients — generated by designlang
   https://sentry.io
   2026-06-25T08:30:25.845Z
   ────────────────────────────────────────────────────────────── */

:root {
  --grad-1: linear-gradient(120deg, rgb(200, 56, 82), rgb(180, 64, 146), rgb(106, 95, 193) 50%, rgb(69, 38, 80) 55%, rgb(69, 38, 80) 100%);
  --grad-2: linear-gradient(120deg, rgb(200, 56, 82) 0%, rgb(180, 64, 146) 25%, rgb(106, 95, 193) 50%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  --grad-3: linear-gradient(120deg, rgb(250, 127, 170), rgb(255, 150, 145), rgb(255, 178, 135) 50%, rgb(255, 255, 255) 55%, rgb(255, 255, 255) 100%);
  --grad-4: linear-gradient(120deg, rgb(250, 127, 170) 0%, rgb(255, 150, 145) 25%, rgb(255, 178, 135) 50%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  --grad-5: linear-gradient(rgb(31, 22, 51) 0%, rgb(48, 20, 95) 52.4%, rgb(48, 20, 95) 75%, rgb(48, 20, 95) 100%);
  --grad-6: linear-gradient(to right in oklab, rgb(253, 68, 176) 0%, rgb(194, 239, 78) 100%);
  --grad-7: linear-gradient(in oklab, rgb(253, 68, 176) 0%, rgb(194, 239, 78) 100%);
  --grad-8: radial-gradient(50% 50%, rgba(173, 108, 170, 0.15) 0%, rgb(31, 22, 51) 65%);
}

/* linear · complex */
.grad-1    { background-image: var(--grad-1); }
.grad-text-1 {
  background-image: var(--grad-1);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* linear · complex */
.grad-2    { background-image: var(--grad-2); }
.grad-text-2 {
  background-image: var(--grad-2);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* linear · complex */
.grad-3    { background-image: var(--grad-3); }
.grad-text-3 {
  background-image: var(--grad-3);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* linear · complex */
.grad-4    { background-image: var(--grad-4); }
.grad-text-4 {
  background-image: var(--grad-4);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* linear · bold */
.grad-5    { background-image: var(--grad-5); }
.grad-text-5 {
  background-image: var(--grad-5);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* linear · brand */
.grad-6    { background-image: var(--grad-6); }
.grad-text-6 {
  background-image: var(--grad-6);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* linear · bold */
.grad-7    { background-image: var(--grad-7); }
.grad-text-7 {
  background-image: var(--grad-7);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* radial · bold */
.grad-8    { background-image: var(--grad-8); }
.grad-text-8 {
  background-image: var(--grad-8);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}