/* ──────────────────────────────────────────────────────────────
   7 gradients — generated by designlang
   https://netflix.com
   2026-06-25T08:24:57.436Z
   ────────────────────────────────────────────────────────────── */

:root {
  --grad-1: radial-gradient(11% 56% at 17% 50%, rgb(70, 21, 24) 0%, rgba(0, 0, 0, 0) 100%);
  --grad-2: radial-gradient(11% 56% at 83% 50%, rgb(70, 21, 24) 0%, rgba(0, 0, 0, 0) 100%);
  --grad-3: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(111, 24, 29) 50%, rgba(0, 0, 0, 0) 100%);
  --grad-4: linear-gradient(rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.79) 8.333%, rgba(0, 0, 0, 0.757) 16.67%, rgba(0, 0, 0, 0.7) 25%, rgba(0, 0, 0, 0.624) 33.33%, rgba(0, 0, 0, 0.52) 41.67%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.28) 58.33%, rgba(0, 0, 0, 0.176) 66.67%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.043) 83.33%, rgba(0, 0, 0, 0.01) 91.67%, rgba(0, 0, 0, 0) 100%);
  --grad-5: linear-gradient(7deg, rgba(0, 0, 0, 0.85) 10%, rgba(0, 0, 0, 0.847) 17.25%, rgba(0, 0, 0, 0.835) 24.5%, rgba(0, 0, 0, 0.82) 31.75%, rgba(0, 0, 0, 0.796) 39%, rgba(0, 0, 0, 0.765) 46.25%, rgba(0, 0, 0, 0.725) 53.5%, rgba(0, 0, 0, 0.686) 60.75%, rgba(0, 0, 0, 0.655) 68%, rgba(0, 0, 0, 0.63) 75.25%, rgba(0, 0, 0, 0.616) 82.5%, rgba(0, 0, 0, 0.604) 89.75%, rgba(0, 0, 0, 0.6) 97%);
  --grad-6: radial-gradient(50% 500% at 50% -420%, rgba(64, 97, 231, 0.4) 80%, rgba(0, 0, 0, 0.1) 100%);
  --grad-7: linear-gradient(149deg, rgb(25, 34, 71) 0%, rgb(33, 14, 23) 96.86%);
}

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