:root {
  /* Colors — Primary */
  --color-primary: #ff6363;
  --color-secondary: #8cd6ff;
  --color-accent: #56c2ff;

  /* Colors — Neutrals */
  --color-neutral-50: #ffffff;
  --color-neutral-100: #6a6b6c;
  --color-neutral-200: #9c9c9d;
  --color-neutral-300: #434345;
  --color-neutral-400: #e6e6e6;
  --color-neutral-500: #2f3031;
  --color-neutral-600: #1b1c1e;
  --color-neutral-700: #8e8c90;
  --color-neutral-800: #111214;

  /* Colors — Backgrounds */
  --color-bg: #07080a;
  --color-bg-1: #000000;
  --color-bg-2: #ffffff;
  --color-bg-3: #9ebed7;
  --color-bg-4: #111214;
  --color-bg-5: #d72a2a;

  /* Colors — Text */
  --color-text: #ffffff;
  --color-text-1: #9c9c9d;
  --color-text-2: #2f3031;
  --color-text-3: #6a6b6c;
  --color-text-4: #e6e6e6;

  /* Typography — Families */
  --font-sans: 'Inter', sans-serif;
  --font-body: 'SF Pro Text', sans-serif;
  --font-body: 'SF Pro', sans-serif;
  --font-body: 'GeistMono', sans-serif;

  /* Typography — Scale */
  --font-size-64: 64px;
  --font-size-56: 56px;
  --font-size-32: 32px;
  --font-size-24: 24px;
  --font-size-23.75: 23.75px;
  --font-size-22: 22px;
  --font-size-20: 20px;
  --font-size-18: 18px;
  --font-size-16: 16px;
  --font-size-14: 14px;
  --font-size-13: 13px;
  --font-size-12: 12px;

  /* Spacing */
  --spacing-1: 1px;
  --spacing-45: 45px;
  --spacing-56: 56px;
  --spacing-64: 64px;
  --spacing-72: 72px;
  --spacing-80: 80px;
  --spacing-96: 96px;
  --spacing-102: 102px;
  --spacing-120: 120px;
  --spacing-128: 128px;
  --spacing-137: 137px;
  --spacing-148: 148px;
  --spacing-169: 169px;
  --spacing-200: 200px;
  --spacing-212: 212px;
  --spacing-217: 217px;
  --spacing-224: 224px;
  --spacing-325: 325px;
  --spacing-370: 370px;
  --spacing-400: 400px;

  /* Border Radius */
  --radius-xs: 2px;
  --radius-sm: 5px;
  --radius-md: 8px;
  --radius-lg: 11px;
  --radius-lg: 16px;
  --radius-xl: 19px;
  --radius-xl: 22px;
  --radius-full: 31px;
  --radius-full: 36px;
  --radius-full: 43px;
  --radius-full: 86px;
  --radius-full: 100px;
  --radius-full: 1000px;
  --radius-full: 99999px;

  /* Box Shadows */
  --shadow-sm: rgba(0, 0, 0, 0.5) 0px 0px 0px 2px, rgba(255, 255, 255, 0.19) 0px 0px 14px 0px, rgba(0, 0, 0, 0.2) 0px -1px 0.4px 0px inset, rgb(255, 255, 255) 0px 1px 0.4px 0px inset;
  --shadow-sm: rgb(27, 28, 30) 0px 0px 0px 1px, rgb(7, 8, 10) 0px 0px 0px 1px inset;
  --shadow-xs: rgba(0, 0, 0, 0.2) 0px 0px 1px 0px, rgba(0, 0, 0, 0.17) 0px 2px 2px 0px, rgba(0, 0, 0, 0.1) 0px 4px 3px 0px, rgba(0, 0, 0, 0.03) 0px 7px 3px 0px, rgba(0, 0, 0, 0) 0px 12px 3px 0px, rgba(0, 0, 0, 0.25) 0px 4px 4px 0px, rgba(255, 255, 255, 0.1) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.25) 0px 4px 4px 0px;
  --shadow-xs: rgba(255, 255, 255, 0.1) 0px 1px 0px 0px inset;
  --shadow-xs: rgba(255, 255, 255, 0.1) 0px 1px 0px 0px inset, rgba(7, 13, 79, 0.05) 0px 0px 20px 3px, rgba(7, 13, 79, 0.05) 0px 0px 40px 20px, rgba(255, 255, 255, 0.06) 0px 0px 0px 1px inset;
  --shadow-xs: rgba(255, 255, 255, 0.05) 0px 1px 0px 0px inset, rgba(255, 255, 255, 0.25) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px -1px 0px 0px inset;
  --shadow-xs: rgba(255, 255, 255, 0.1) 0px 1px 0px 0px inset, rgba(7, 13, 79, 0.1) 0px 0px 20px 3px, rgba(85, 0, 98, 0.1) 0px 0px 40px 20px, rgba(255, 255, 255, 0.06) 0px 0px 0px 1px inset;
  --shadow-xs: rgba(255, 255, 255, 0.1) 0px 1px 0px 0px inset, rgba(46, 212, 105, 0.05) 0px 0px 20px 3px, rgba(46, 212, 105, 0.05) 0px 0px 40px 20px, rgba(255, 255, 255, 0.06) 0px 0px 0px 1px inset;
  --shadow-xs: rgba(255, 255, 255, 0.1) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.4) 0px 30px 50px 0px, rgba(3, 122, 129, 0.09) 0px 4px 24px 0px, rgba(255, 255, 255, 0.06) 0px 0px 0px 1px inset;
  --shadow-xs: rgba(255, 255, 255, 0.1) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.4) 0px 30px 50px 0px, rgba(3, 30, 129, 0.09) 0px 4px 24px 0px, rgba(255, 255, 255, 0.06) 0px 0px 0px 1px inset;
  --shadow-xs: rgba(255, 255, 255, 0.1) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.4) 0px 30px 50px 0px, rgba(3, 15, 129, 0.09) 0px 4px 24px 0px, rgba(255, 255, 255, 0.06) 0px 0px 0px 1px inset;
  --shadow-xs: rgba(255, 255, 255, 0.1) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.4) 0px 30px 50px 0px, rgba(51, 3, 129, 0.09) 0px 4px 24px 0px, rgba(255, 255, 255, 0.06) 0px 0px 0px 1px inset;
  --shadow-xs: rgba(255, 255, 255, 0.1) 0px 1px 0px 0px inset, rgba(7, 13, 79, 0.1) 0px 0px 20px 3px, rgba(7, 40, 79, 0.1) 0px 0px 40px 20px, rgba(255, 255, 255, 0.06) 0px 0px 0px 1px inset;
  --shadow-xs: rgba(255, 255, 255, 0.1) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.4) 0px 30px 50px 0px, rgba(3, 23, 129, 0.09) 0px 4px 24px 0px, rgba(255, 255, 255, 0.06) 0px 0px 0px 1px inset;
  --shadow-xs: rgba(215, 42, 42, 0.07) 1px 1px 0px 0px inset, rgba(255, 255, 255, 0.25) 0px 0.5px 0px 0px inset;
  --shadow-xs: rgba(255, 255, 255, 0.15) 0px 1px 1px 0px inset;
  --shadow-xs: rgba(255, 255, 255, 0.19) 0px 0px 2px 0px, rgba(255, 255, 255, 0.1) 0px 0.5px 0px 0px inset;
  --shadow-xs: rgba(0, 0, 0, 0.4) 0px 1.5px 0.5px 2.5px, rgb(0, 0, 0) 0px 0px 0.5px 1px, rgba(0, 0, 0, 0.25) 0px 2px 1px 1px inset, rgba(255, 255, 255, 0.2) 0px 1px 1px 1px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0px inset;
  --shadow-xs: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(154, 170, 255, 0.05) 0px 2px 40px 10px, rgba(154, 170, 255, 0.05) 0px 0px 16px -7px;
  --shadow-sm: rgba(0, 0, 0, 0.28) 0px 1.189px 2.377px 0px;
  --shadow-sm: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px;
  --shadow-md: rgba(0, 0, 0, 0.03) 0px 7px 3px 0px, rgba(0, 0, 0, 0.25) 0px 4px 4px 0px;
  --shadow-md: rgba(0, 0, 0, 0.03) 0px 8.077px 3.462px 0px, rgba(0, 0, 0, 0.25) 0px 4.615px 4.615px 0px, rgba(255, 255, 255, 0.19) 0px 1.154px 0px 0px inset, rgba(255, 255, 255, 0.25) 0px 0px 6px 0px;
  --shadow-md: rgba(0, 0, 0, 0.11) 0px -4px 10px 0px;
  --shadow-lg: rgba(245, 48, 107, 0.1) 0px 0px 20px 0px;
  --shadow-lg: rgba(215, 201, 175, 0.05) 0px 0px 20px 5px, rgba(215, 201, 175, 0.05) 0px 0px 16px -7px;
  --shadow-xl: rgba(255, 255, 255, 0.03) 0px 0px 40px 20px, rgba(255, 255, 255, 0.3) 0px 0.5px 0px 0px inset;
  --shadow-xl: rgba(0, 0, 0, 0.4) 0px 4px 40px 8px, rgba(0, 0, 0, 0.8) 0px 0px 0px 0.5px, rgba(255, 255, 255, 0.3) 0px 0.5px 0px 0px inset;
  --shadow-xl: rgba(0, 0, 0, 0.5) 0px 30px 50px 0px, rgba(255, 255, 255, 0.1) 0px 1px 0px 0px inset, rgba(79, 7, 59, 0.1) 0px 0px 20px 3px, rgba(85, 0, 98, 0.1) 0px 0px 40px 20px, rgba(255, 255, 255, 0.06) 0px 0px 0px 1px inset;
  --shadow-xl: rgba(0, 0, 0, 0.5) 0px 30px 50px 0px, rgba(255, 255, 255, 0.1) 0px 1px 0px 0px inset, rgba(7, 13, 79, 0.1) 0px 0px 20px 3px, rgba(85, 0, 98, 0.1) 0px 0px 40px 20px, rgba(255, 255, 255, 0.06) 0px 0px 0px 1px inset;
  --shadow-xl: rgba(0, 0, 0, 0.4) 0px 30px 50px 0px, rgba(255, 255, 255, 0.1) 0px 1px 0px 0px inset, rgba(3, 15, 129, 0.09) 0px 4px 24px 0px, rgba(255, 255, 255, 0.06) 0px 0px 0px 1px inset;
  --shadow-xl: rgba(215, 42, 42, 0.05) -72px -50px 40px -60px;

  /* Original Site Variables */
  /* — colors — */
  --font-color-rgb: 255,255,255;
  --reverse-font-color-rgb: 0,0,0;
  --lines-color-rgb: 255,255,255;
  --color-bg: var(--grey-900);
  --color-bg-100: rgb(16,17,17);
  --color-bg-200: rgb(24,25,26);
  --color-bg-300: rgb(49,49,51);
  --color-bg-400: rgb(73,75,77);
  --color-fg: hsl(240,11%,96%);
  --color-fg-200: rgb(194,199,202);
  --color-fg-300: #78787c;
  --color-fg-400: rgb(94,99,102);
  --color-yellow: hsl(43,100%,60%);
  --color-yellow-transparent: hsla(43,100%,60%,0.15);
  --color-red: hsl(0,100%,69%);
  --color-red-transparent: hsla(0,100%,69%,0.15);
  --color-blue: hsl(202,100%,67%);
  --color-blue-transparent: hsla(202,100%,67%,0.15);
  --color-green: hsl(151,59%,59%);
  --color-green-transparent: hsla(151,59%,59%,0.15);
  --color-border: hsl(195,5%,15%);
  --color-button-bg: hsla(0,0%,100%,0.815);
  --color-button-bg-hover: hsl(0,0%,100%);
  --color-button-fg: rgb(24,25,26);
  --spring-1: linear(0.000000 0%,0.005927 1%,0.022466 2%,0.047872 3%,0.080554 4%,0.119068 5%,0.162116 6%,0.208536 7.000000000000001%,0.2573 8%,0.3075 9%,0.358346 10%,0.409157 11%,0.45935 12%,0.508438 13%,0.556014 14.000000000000002%,0.601751 15%,0.645389 16%,0.686733 17%,0.72564 18%,0.762019 19%,0.795818 20%,0.827026 21%,0.855662 22%,0.881772 23%,0.905423 24%,0.926704 25%,0.945714 26%,0.962568 27%,0.977386 28.000000000000004%,0.990295 28.999999999999996%,1.001426 30%,1.010911 31%,1.018881 32%,1.025465 33%,1.030792 34%,1.034982 35%,1.038155 36%,1.040423 37%,1.041892 38%,1.042662 39%,1.042827 40%,1.042473 41%,1.04168 42%,1.040522 43%,1.039065 44%,1.037371 45%,1.035493 46%,1.03348 47%,1.031376 48%,1.029217 49%,1.027037 50%,1.024864 51%,1.022722 52%,1.020631 53%,1.018608 54%,1.016667 55.00000000000001%,1.014817 56.00000000000001%,1.013067 56.99999999999999%,1.011422 57.99999999999999%,1.009887 59%,1.008462 60%,1.007148 61%,1.005944 62%,1.004847 63%,1.003855 64%,1.002964 65%,1.002169 66%,1.001466 67%,1.000848 68%,1.000311 69%,0.999849 70%,0.999457 71%,0.999128 72%,0.998858 73%,0.99864 74%,0.99847 75%,0.998342 76%,0.998253 77%,0.998196 78%,0.998169 79%,0.998167 80%,0.998186 81%,0.998224 82%,0.998276 83%,0.998341 84%,0.998415 85%,0.998497 86%,0.998584 87%,0.998675 88%,0.998768 89%,0.998861 90%,0.998954 91%,0.999045 92%,0.999134 93%,0.99922 94%,0.999303 95%,0.999381 96%,0.999455 97%,0.999525 98%,0.999589 99%,0.99965 100%);
  --key-bg-end-color: rgb(13, 13, 13);
  --key-bg-start-color: rgb(18, 18, 18);
  /* — spacing — */
  --spacing-none: 0px;
  --spacing-0-5: 4px;
  --spacing-1: 8px;
  --spacing-1-5: 12px;
  --spacing-2: 16px;
  --spacing-2-5: 20px;
  --spacing-3: 24px;
  --spacing-4: 32px;
  --spacing-5: 40px;
  --spacing-6: 48px;
  --spacing-7: 56px;
  --spacing-8: 64px;
  --spacing-9: 80px;
  --spacing-10: 96px;
  --spacing-11: 112px;
  --spacing-12: 168px;
  --spacing-13: 224px;
  --monospace-font: var(--font-jetbrains-mono),Menlo,Monaco,Courier,monospace;
  --grid-gap: 32px;
  --navbar-container-padding-top: var(--spacing-2);
  --navbar-total-spacing: calc(var(--navbar-height) + (2 * var(--navbar-container-padding-top)));
  --removed-body-scroll-bar-size: 0px;
  /* — typography — */
  --main-font: var(--font-inter),sans-serif;
  --font-jetbrains-mono: "JetBrains Mono","JetBrains Mono Fallback";
  --font-geist-mono: "GeistMono",ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace;
  --font-inter: "Inter","Inter Fallback";
  /* — radii — */
  --radius-md: 6px;
  /* — other — */
  --rounding-none: 0px;
  --rounding-xs: 4px;
  --rounding-sm: 6px;
  --rounding-normal: 8px;
  --rounding-md: 12px;
  --rounding-lg: 16px;
  --rounding-xl: 20px;
  --rounding-xxl: 24px;
  --rounding-full: 100%;
  --Base-White: #ffffff;
  --grey-50: #e6e6e6;
  --grey-100: #cdcece;
  --grey-200: #9c9c9d;
  --grey-300: #6a6b6c;
  --grey-400: #434345;
  --grey-500: #2f3031;
  --grey-600: #1b1c1e;
  --grey-700: #111214;
  --grey-800: #0c0d0f;
  --grey-900: #07080a;
  --Base-Black: #000000;
  --container-xs-width: 746px;
  --container-sm-width: 1064px;
  --container-width: 1204px;
  --container-lg-width: 1280px;
  --navbar-width: var(--container-width);
  --background: var(--grey-900);
  --reverse-background: #ffffff;
  --blue-dark: #56c2ff;
  --red-dark: rgba(255,99,99,1);
  --navbar-height: 58px;
  --r2: 0deg;
  --x: 0px;
  /* — dependencies — */
  --main-font: --font-inter;
  --monospace-font: --font-jetbrains-mono;
  --navbar-width: --container-width;
  --background: --grey-900;
  --color-bg: --grey-900;
  --navbar-container-padding-top: --spacing-2;
  --navbar-total-spacing: --navbar-height,--navbar-container-padding-top;
  /* — semantic — */
  success: [object Object];
  warning: [object Object];
  error: [object Object];
  info: [object Object];

}