/* ──────────────────────────────────────────────────────────────
   31 gradients — generated by designlang
   https://clerk.com
   2026-06-25T08:26:24.061Z
   ────────────────────────────────────────────────────────────── */

:root {
  --grad-1: linear-gradient(rgba(19, 19, 22, 0) 45%, rgba(19, 19, 22, 0.03) 55%);
  --grad-2: radial-gradient(154.86% 76.83% at 50% 22.26%, color(srgb 0.968627 0.968627 0.972549 / 0.4) 8.98%, rgb(247, 247, 248) 45.99%);
  --grad-3: linear-gradient(to right in oklab, rgba(255, 255, 255, 0.24) 0%, rgb(255, 255, 255) 100%);
  --grad-4: linear-gradient(oklab(0.999994 0.0000455678 0.0000200868 / 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  --grad-5: linear-gradient(to right in oklab, rgb(255, 255, 255) 0%, rgba(240, 235, 255, 0.5) 100%);
  --grad-6: linear-gradient(rgba(58, 212, 253, 0.08) 0%, rgba(98, 72, 246, 0.15) 50.73%);
  --grad-7: radial-gradient(79.87% 92.91% at 81.25% 12.5%, rgb(255, 255, 255) 0%, rgb(25, 25, 27) 100%);
  --grad-8: linear-gradient(to right bottom, oklab(0.999994 0.0000455678 0.0000200868 / 0.05) 0%, rgba(0, 0, 0, 0) 65%);
  --grad-9: radial-gradient(50% 100% at 50% 0%, color(srgb 0 0 0 / 0), color(srgb 0.129412 0.129412 0.14902 / 0.68) 61.5%, rgb(33, 33, 38));
  --grad-10: linear-gradient(to right top, oklab(0 0 0 / 0) 0%, oklab(0 0 0 / 0) 50%, oklab(0.999994 0.0000455678 0.0000200868 / 0.1) 100%);
  --grad-11: linear-gradient(to right top, lab(84.5189 -31.4667 -23.9754 / 0.2) 0%, lab(0 0 0 / 0) 50%, lab(0 0 0 / 0) 100%);
  --grad-12: linear-gradient(in oklab, rgb(39, 39, 45) 0%, rgb(55, 56, 64) 100%);
  --grad-13: linear-gradient(to right bottom, oklab(0 0 0 / 0) 30%, oklab(0.952604 -0.0417787 -0.0206957 / 0.7) 50%, oklab(0 0 0 / 0) 70%);
  --grad-14: linear-gradient(oklab(0.999994 0.0000455678 0.0000200868 / 0.15) 0%, rgba(0, 0, 0, 0) 100%);
  --grad-15: linear-gradient(to left, oklab(0.999994 0.0000455678 0.0000200868 / 0.08) 0%, rgba(0, 0, 0, 0) 100%);
  --grad-16: linear-gradient(in oklab, rgb(94, 95, 110) 65%, rgb(66, 67, 77) 100%);
  --grad-17: radial-gradient(97.14% 100% at 50% 0%, rgba(33, 33, 38, 0) 42.04%, rgb(33, 33, 38) 89.82%);
  --grad-18: linear-gradient(oklab(0.999994 0.0000455678 0.0000200868 / 0.05) 0%, rgba(0, 0, 0, 0) 67%);
  --grad-19: linear-gradient(to right bottom, oklab(0.999994 0.0000455678 0.0000200868 / 0.05) 0%, rgba(0, 0, 0, 0) 64%);
  --grad-20: radial-gradient(111.72% 100% at 50% 0%, rgba(118, 237, 255, 0.2), rgba(118, 237, 255, 0) 53.91%);
  --grad-21: linear-gradient(to right bottom, oklab(0 0 0 / 0) 35%, oklab(0.999994 0.0000455678 0.0000200868 / 0.25) 50%, oklab(0 0 0 / 0) 65%);
  --grad-22: radial-gradient(circle at 50% 22px, rgba(33, 33, 38, 0), rgb(33, 33, 38));
  --grad-23: linear-gradient(rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 67.19%);
  --grad-24: radial-gradient(circle at 50% 0%, rgba(114, 233, 255, 0.2), rgba(114, 233, 255, 0));
  --grad-25: linear-gradient(to top in oklab, rgb(33, 33, 38) 0%, rgba(0, 0, 0, 0) 100%);
  --grad-26: radial-gradient(172px 152px, rgba(33, 33, 38, 0), rgb(33, 33, 38));
  --grad-27: radial-gradient(98.23% 104.12% at 50% -4.12%, rgba(255, 255, 255, 0.05) 6.12%, rgba(255, 255, 255, 0) 55.4%);
  --grad-28: linear-gradient(in oklab, rgb(47, 48, 55) 0%, rgb(39, 39, 45) 100%);
  --grad-29: linear-gradient(rgb(39, 39, 45) 0%, oklab(0.310988 0.00201792 -0.012381 / 0.5) 100%);
  --grad-30: repeating-radial-gradient(oklab(0 0 0 / 0.2) 2px, rgba(0, 0, 0, 0) 4px);
  --grad-31: linear-gradient(90deg, rgba(0, 0, 0, 0), oklab(0.999994 0.0000455678 0.0000200868 / 0.5) 30%, rgb(255, 255, 255), oklab(0.999994 0.0000455678 0.0000200868 / 0.5) 70%, rgba(0, 0, 0, 0));
}

/* 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;
}

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

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

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

/* linear · brand */
.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 · bold */
.grad-10    { background-image: var(--grad-10); }
.grad-text-10 {
  background-image: var(--grad-10);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* linear · 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;
}

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

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

/* linear · 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;
}

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

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

/* linear · 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 · brand */
.grad-22    { background-image: var(--grad-22); }
.grad-text-22 {
  background-image: var(--grad-22);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* linear · brand */
.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 · brand */
.grad-24    { background-image: var(--grad-24); }
.grad-text-24 {
  background-image: var(--grad-24);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

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

/* 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;
}

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

/* repeating-radial · 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 · complex */
.grad-31    { background-image: var(--grad-31); }
.grad-text-31 {
  background-image: var(--grad-31);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}