:root { 
  --alabaster: #fafafa;
  --baseblack: #000000;
  --cape-cod: #404040;
  --gravel: #4a4a4a;
  --gravel-2: #4c4c4c;
  --gray500: #71717a;
  --gray600: #52525b;
  --gray900: #18181b;
  --masala: #3c3c3c;
  --nevada: #6b717b;
  --quill-gray: #d5d5d5;
  /* KuCoin-themed palette */
  --robins-egg-blue: #29c4a9; /* primary KuCoin green */
  --royal-blue: #0052ff;      /* accent blue */
  --ship-gray: #3f3f3f;
  --supernova: #e6fbf8;       /* light teal background for promo sections */
  --tuatara: #353535;
  --unmellow-yellow: #29c4a9; /* nav highlights/CTA outlines in KuCoin green */
  --white: #ffffff;
 
  --font-size-l: 18px;
  --font-size-m: 16px;
  --font-size-s: 15px;
  --font-size-xl: 24px;
  --font-size-xs: 14px;
  --font-size-xxl: 52px;
  --font-size-xxs: 13px;
 
  --font-family-inter: "Inter", Helvetica;
  --font-family-lato: "Lato", Helvetica;
  --font-family-plus_jakarta_sans: "Plus Jakarta Sans", Helvetica;
}
.interregular16px {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.lato-normal-nevada-13px {
  color: var(--nevada);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.lato-bold-gravel-15px {
  color: var(--gravel);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.plusjakartasans-bold-eerie-black-21px {
  color: var(--gray900);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
}

.plusjakartasans-medium-ship-gray-16px {
  color: var(--ship-gray);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.plusjakartasans-semi-bold-unmellow-yellow-16px {
  color: var(--unmellow-yellow);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.plusjakartasans-extra-bold-robins-egg-blue-52px {
  color: var(--robins-egg-blue);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 800;
}

.plusjakartasans-extra-bold-black-52px {
  color: var(--baseblack);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 800;
}

.inter-bold-sonic-silver-16px {
  color: var(--gray500);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.lato-light-white-18px {
  color: var(--white);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 300;
}

.lato-bold-white-18px {
  color: var(--white);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.plusjakartasans-bold-masala-16px {
  color: var(--masala);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.plusjakartasans-extra-bold-tuatara-52px {
  color: var(--tuatara);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 800;
}

.plusjakartasans-bold-quill-gray-28px {
  color: var(--quill-gray);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
}

.plusjakartasans-extra-bold-white-18px {
  color: var(--white);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 800;
}

.lato-normal-white-15px {
  color: var(--white);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.lato-light-white-15px {
  color: var(--white);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 300;
}

.plusjakartasans-bold-eerie-black-52px {
  color: var(--gray900);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.plusjakartasans-normal-trout-24px {
  color: var(--gray600);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.plusjakartasans-medium-white-16px {
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.plusjakartasans-medium-cape-cod-16px {
  color: var(--cape-cod);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.plusjakartasans-bold-royal-blue-16px {
  color: var(--royal-blue);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.plusjakartasans-medium-masala-16px {
  color: var(--masala);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.plusjakartasans-bold-ship-gray-16px {
  color: var(--ship-gray);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.lato-normal-gravel-14px {
  color: var(--gravel-2);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.lato-normal-masala-14px {
  color: var(--masala);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.plusjakartasans-extra-bold-robins-egg-blue-30px {
  color: var(--robins-egg-blue);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
}

.plusjakartasans-extra-bold-black-30px {
  color: var(--baseblack);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
}