/* ──────────────────────────────────────────────────────────────
   34 gradients — generated by designlang
   https://raycast.com
   2026-06-25T08:25:22.097Z
   ────────────────────────────────────────────────────────────── */

:root {
  --grad-1: linear-gradient(137deg, rgba(17, 18, 20, 0.75) 4.87%, rgba(12, 13, 15, 0.9) 75.88%);
  --grad-2: conic-gradient(from -80deg at 0px 15px, rgba(0, 0, 0, 0) 0deg, rgb(236, 165, 167) 20%, rgba(0, 0, 0, 0) 25%);
  --grad-3: radial-gradient(85.77% 49.97% at 51% 5.12%, rgba(255, 150, 150, 0.11) 0px, rgba(222, 226, 255, 0.08) 45.83%, rgba(241, 242, 255, 0.02) 100%);
  --grad-4: linear-gradient(rgb(255, 99, 99), rgb(215, 42, 42));
  --grad-5: linear-gradient(135deg, rgb(86, 194, 255) 0%, rgb(19, 138, 242) 100%);
  --grad-6: linear-gradient(181deg, rgba(0, 0, 0, 0.1) 4.5%, rgba(255, 255, 255, 0.03) 99.51%);
  --grad-7: linear-gradient(137deg, rgb(17, 18, 20) 4.87%, rgb(12, 13, 15) 75.88%);
  --grad-8: radial-gradient(79.21% 79.21% at 42.35% 0px, rgb(120, 120, 120) 0px, rgb(40, 40, 40) 100%);
  --grad-9: radial-gradient(1139.98% 138.18% at 0px 0px, rgba(255, 255, 255, 0.1) 0px, rgba(255, 255, 255, 0) 100%);
  --grad-10: linear-gradient(rgba(0, 0, 0, 0), rgb(7, 8, 10) 50%);
  --grad-11: radial-gradient(75% 75% at 50% 91.9%, rgb(18, 18, 18) 0px, rgb(13, 13, 13) 100%);
  --grad-12: radial-gradient(51.07% 92.4% at 51% 7.61%, rgb(90, 90, 90) 0px, rgb(26, 26, 26) 100%);
  --grad-13: linear-gradient(138deg, rgba(32, 35, 91, 0.7) 22%, rgba(7, 9, 33, 0.7) 82%);
  --grad-14: linear-gradient(rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.1));
  --grad-15: radial-gradient(94.21% 78.4% at 50% 29.91%, rgba(43, 94, 180, 0.7), rgba(13, 16, 35, 0.42));
  --grad-16: radial-gradient(30% 40% at 52% 36.91%, rgb(13, 110, 48), rgb(8, 53, 24));
  --grad-17: radial-gradient(94.21% 78.4% at 50% 29.91%, rgba(39, 61, 180, 0.7), rgba(15, 9, 38, 0.4));
  --grad-18: radial-gradient(84.35% 70.19% at 50% 38.11%, rgba(2, 96, 101, 0.57), rgba(5, 136, 178, 0.06));
  --grad-19: radial-gradient(90.35% 49.25% at 50% 59.06%, rgba(2, 61, 114, 0.7), rgba(5, 11, 28, 0.42));
  --grad-20: radial-gradient(84.6% 73.49% at 50% 26.51%, rgba(4, 63, 150, 0.7), rgba(6, 18, 37, 0.25));
  --grad-21: radial-gradient(99.74% 100% at 50% 0%, rgba(74, 21, 75, 0.7), rgba(29, 5, 29, 0.42));
  --grad-22: radial-gradient(94.21% 78.4% at 50% 29.91%, rgba(4, 63, 150, 0.7), rgba(5, 9, 29, 0.42));
  --grad-23: radial-gradient(94.21% 78.4% at 50% 29.91%, rgba(4, 62, 150, 0.7), rgba(16, 0, 43, 0.16));
  --grad-24: radial-gradient(86.88% 75.47% at 50% 24.53%, rgba(82, 48, 145, 0.7), rgba(26, 11, 51, 0.14));
  --grad-25: radial-gradient(126.42% 76.6% at 50% 32.26%, rgba(84, 95, 102, 0.7), rgba(0, 36, 69, 0.13));
  --grad-26: radial-gradient(181.77% 70.19% at 50% 38.11%, rgba(3, 91, 155, 0.7), rgba(0, 69, 150, 0.03));
  --grad-27: radial-gradient(13.65% 50%, rgba(245, 48, 107, 0.1) 0px, rgba(255, 103, 167, 0) 100%);
  --grad-28: repeating-linear-gradient(0deg, rgb(12, 13, 15), rgb(12, 13, 15) 1px, rgb(7, 8, 10) 1px, rgb(7, 8, 10));
  --grad-29: radial-gradient(49.41% 64.58% at 49.4% 0px, rgba(255, 255, 255, 0.03) 0px, rgba(255, 255, 255, 0) 100%);
  --grad-30: linear-gradient(45deg, rgb(12, 13, 15) 0px, rgb(7, 8, 10) 100.67%);
  --grad-31: linear-gradient(90deg, rgba(86, 194, 255, 0.16) 1.41%, rgba(86, 194, 255, 0.06) 98.59%);
  --grad-32: radial-gradient(rgb(47, 48, 49) 0.5px, rgba(0, 0, 0, 0) 0px);
  --grad-33: linear-gradient(rgba(7, 8, 10, 0.8) 0.1%, rgb(7, 8, 10) 32.45%);
  --grad-34: conic-gradient(from 136.95deg, rgb(2, 148, 254) -55.68deg, rgb(255, 33, 54) 113.23deg, rgb(155, 77, 255) 195deg, rgb(2, 148, 254) 304.32deg, rgb(255, 33, 54) 473.23deg);
}

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

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

/* radial · bold */
.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 · brand */
.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 · brand */
.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 · brand */
.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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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