/* ──────────────────────────────────────────────────────────────
   42 gradients — generated by designlang
   https://resend.com
   2026-06-25T08:26:02.771Z
   ────────────────────────────────────────────────────────────── */

:root {
  --grad-1: linear-gradient(104deg, rgba(253, 253, 253, 0.05) 5%, rgba(240, 240, 228, 0.1) 100%);
  --grad-2: linear-gradient(236.561deg, rgba(2, 252, 239, 0.44) 0%, rgba(255, 181, 43, 0.44) 50%, rgba(160, 43, 254, 0.44) 100%);
  --grad-3: linear-gradient(to right bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0.5));
  --grad-4: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(143, 143, 143, 0.67) 50%, rgba(0, 0, 0, 0) 100%);
  --grad-5: conic-gradient(from 90deg, rgba(0, 0, 0, 0) 50%, rgb(0, 0, 0) 50%);
  --grad-6: radial-gradient(rgba(200, 200, 200, 0.1) 0%, rgba(0, 0, 0, 0) 80%);
  --grad-7: linear-gradient(to right bottom in oklab, rgb(255, 196, 70) 0%, rgba(254, 109, 21, 0.97) 100%);
  --grad-8: linear-gradient(oklab(0.999994 0.0000455678 0.0000200868 / 0.03) 0%, rgba(0, 0, 0, 0) 100%);
  --grad-9: linear-gradient(90deg, rgba(56, 189, 248, 0) 0%, rgba(56, 189, 248, 0) 0%, rgba(232, 232, 232, 0.2) 33.02%, rgba(143, 143, 143, 0.67) 64.41%, rgba(236, 72, 153, 0) 98.93%);
  --grad-10: linear-gradient(in oklab, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  --grad-11: linear-gradient(in oklab, rgba(214, 235, 253, 0.19) 0%, rgba(211, 237, 248, 0.114) 100%);
  --grad-12: linear-gradient(in oklab, rgba(216, 244, 246, 0.035) 0%, rgb(0, 0, 0) 100%);
  --grad-13: linear-gradient(to top in oklab, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  --grad-14: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 100%);
  --grad-15: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);
  --grad-16: radial-gradient(70% 80% at 50% 0%, rgba(255, 255, 255, 0.06) 3%, rgba(98, 255, 179, 0) 70%, rgba(98, 255, 179, 0) 100%);
  --grad-17: linear-gradient(rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0));
  --grad-18: linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0));
  --grad-19: conic-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
  --grad-20: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 95%, rgb(0, 0, 0) 100%);
  --grad-21: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 80%, rgb(0, 0, 0) 100%);
  --grad-22: linear-gradient(rgb(27, 27, 27), rgb(3, 3, 3));
  --grad-23: linear-gradient(in oklab, rgba(217, 237, 254, 0.145) 0%, rgba(221, 234, 248, 0.08) 50%, rgba(0, 0, 0, 0) 100%);
  --grad-24: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%, rgb(0, 0, 0) 100%);
  --grad-25: radial-gradient(41.07% 8.33% at 50% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
  --grad-26: linear-gradient(rgb(16, 16, 16) 0%, rgba(0, 0, 0, 0.8) 100%);
  --grad-27: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
  --grad-28: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(155, 124, 255) 50%, rgba(255, 255, 255, 0) 100%);
  --grad-29: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
  --grad-30: radial-gradient(100% 50% at 50% 0%, rgba(0, 163, 255, 0.13) 0%, rgba(0, 163, 255, 0) 50%, rgba(0, 163, 255, 0) 100%);
  --grad-31: radial-gradient(rgba(200, 200, 200, 0.15) 0%, rgb(0, 0, 0) 90%);
  --grad-32: linear-gradient(oklab(0.999994 0.0000455678 0.0000200868 / 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  --grad-33: linear-gradient(oklab(0.999994 0.0000455678 0.0000200868 / 0.03) 0%, oklab(0.999994 0.0000455678 0.0000200868 / 0.00999999) 50%, rgb(0, 0, 0) 100%);
  --grad-34: linear-gradient(to left bottom, oklab(0.999994 0.0000455678 0.0000200868 / 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  --grad-35: linear-gradient(to left bottom, oklab(0.999994 0.0000455678 0.0000200868 / 0.06) 0%, rgba(0, 0, 0, 0) 100%);
  --grad-36: linear-gradient(rgba(80, 80, 80, 0.15) 0%, rgba(0, 0, 0, 0) 70%);
  --grad-37: linear-gradient(rgba(0, 0, 0, 0) 60%, rgb(0, 0, 0) 100%, rgb(0, 0, 0) 100%);
  --grad-38: linear-gradient(rgba(255, 255, 255, 0) 60%, rgb(255, 255, 255) 100%, rgb(255, 255, 255) 100%);
  --grad-39: linear-gradient(42deg, rgb(20, 21, 23), rgb(25, 27, 30));
  --grad-40: linear-gradient(42deg, rgba(24, 25, 28, 0.88) 45%, rgba(215, 239, 248, 0.28));
  --grad-41: radial-gradient(100px, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  --grad-42: linear-gradient(to top, oklab(0.999994 0.0000455678 0.0000200868 / 0.4) 0%, oklab(0.999994 0.0000455677 0.0000200868 / 0.8) 100%);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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