@layer base {
  
  body, :host {
    /* Color */
    --black-1: #1d1825;
--black-2: #524e56;
--black-3: #635a6c;
--black-4: #8c8297;
--black-5: #bab3c2;
--black-6: #d7ced9;
--black-7: #e3dde4;
--white-1: #ffffff;
--white-2: #f5f4fa;
--white-3: #edf0f5;
--white-4: #ebe4f2;
--white-5: #e8ddf4;
--white-6: #e2d2f3;
--white-7: #e0ccf5;
--brand-1: #824ccd;
--brand-2: #673da1;
--brand-3: #9a76cb;
--brand-8: #ad8dd8;
--brand-4: #b49ed1;
--brand-5: #edcbf1;
--brand-6: #e0daec;
--brand-7: #f4e7f4;
--brand-sec-1: #bbb107;
--brand-sec-2: #ebdf0a;
--brand-sec-3: #ece336;
--brand-sec-4: #e8e169;
--brand-sec-5: #e0da76;
--brand-sec-6: #ddd88d;
--success-1: #86c25b;
--dryft-success-200: #bdc25b;
--unsuccess-1: #fc3003;
--dryft-unsuccess-200: #00a8a8;
--status-0: #71b441;
--status-1: #cbc806;
--status-2: #c3a618;
--status-3: #c36b18;
--status-4: #a31900;
--temp-status-1: #df073d;
--temp-status-2: #df0c8e;
--temp-status-3: #0c76df;
--brand-dark-1: #1d1825;
--brand-dark-2: #3d344c;
    /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-urbanist: 'Urbanist',sans-serif;
--font-specialelite: 'Special Elite',display;

    /* Font size */
    --font-size-xxs: 0.625rem;
--font-size-xs: 0.75rem;
--font-size-sm: 0.75rem;
--font-size-base: 0.875rem;
--font-size-base2: 0.925rem;
--font-size-lg: 1rem;
--font-size-xl: 1.25rem;
--font-size-2xl: 1.5rem;
--font-size-3xl: 1.875rem;
--font-size-4xl: 2.25rem;
--font-size-5xl: 3rem;
--font-size-6xl: 3.25rem;
--font-size-7xl: 3.5rem;
--font-size-8xl: 4rem;
--font-size-std: 0.825rem;
    /* Font weight */
    --font-weight-thin: 100;
--font-weight-lighter: 200;
--font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-normal: 500;
--font-weight-bold: 700;
--font-weight-semi-bold: 600;
--font-weight-bolder: 800;
--font-weight-black: 900;
    /* Shadows */
    --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
    /* Border radius */
    
    /* Spacing */
    --6xs: 0.125rem;
--5xs: 0.175rem;
--4xs: 0.25rem;
--3xs: 0.4rem;
--2xs: 0.6rem;
--xs: .75rem;
--sm: .875rem;
--sm-base: 0.925rem;
--base: 1rem;
--lg: 1.15rem;
--xl: 1.25rem;
--2xl: 1.5rem;
--3xl: 1.75rem;
--4xl: 2rem;
--5xl: 2.5rem;
--6xl: 3rem;
--toggle-height-md: 1.3rem;
--2_5xs: 0.5rem;
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .cwDTke {
      flex:1;
      color:var(--black-1);
      width:100%;
      display:flex;
      row-gap:var(--lg);
      background:linear-gradient(200deg, var(--white-1) 0%, var(--white-3) 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
      column-gap:var(--lg);
      font-family:Urbanist;
    }

    .KugaQ {
      display:flex;
      row-gap:var(--3xs);
      column-gap:var(--3xs);
      align-items:flex-start;
      font-family:inherit;
      padding-top:var(--3xl);
      justify-content:center;
    }

    .disBYz {
      top:0px;
      width:100%;
      height:fit-content;
      display:flex;
      z-index:2;
      position:sticky;
      flex-wrap:wrap;
      background:var(--white-1);
      min-height:60px;
      align-items:center;
      font-family:inherit;
      padding-top:var(--2xs);
      padding-left:var(--3xl);
      padding-right:var(--3xl);
      flex-direction:row;
      padding-bottom:var(--2xs);
      justify-content:center;
    }

    @media (max-width: 400px) {

    .disBYz {
      padding-left:var(--base);
      padding-right:var(--base);
    }
    }

    .cIqFhp {
      font-family:inherit;
    }

    .cIqFhp:hover {
      color:var(--brand-1);
      text-decoration-line:underline;
      text-decoration-style:solid;
    }

    .dHnBxV {
      width:80px;
      height:32px;
      align-items:center;
      justify-content:center;
    }

    .NcWrD {
      display:flex;
      row-gap:var(--sm);
      column-gap:var(--sm);
      align-items:center;
      font-family:inherit;
      flex-direction:row;
      justify-content:start;
    }

    .bzQwzG {
      color:var(--black-2);
      font-size:var(--font-size-lg);
      font-family:inherit;
      font-weight:var(--font-weight-semi-bold);
    }

    .eZvkqk {
      color:var(--white-1);
      width:fit-content;
      cursor:pointer;
      font-size:var(--font-size-lg);
      background:linear-gradient(to top right, var(--brand-1) 0%, var(--brand-4) 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
      font-family:inherit;
      font-weight:var(--font-weight-bold);
      padding-top:var(--xs);
      padding-left:var(--sm);
      padding-right:var(--sm);
      padding-bottom:var(--xs);
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .eZvkqk:hover {
      background:linear-gradient(to top right, var(--brand-2) 0%, var(--brand-3) 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
    }

    .cAkEhc {
      font-family:inherit;
    }

    .fnLjxz {
      display:flex;
      row-gap:var(--3xl);
      column-gap:var(--3xl);
      align-items:center;
      font-family:inherit;
      flex-direction:row;
      justify-content:flex-start;
    }

    .cQKaRV {
      width:76%;
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      font-family:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    @media (max-width: 1000px) {

    .cQKaRV {
      width:100%;
    }
    }

    .beSvJa {
      display:flex;
      align-items:flex-start;
      font-family:inherit;
      justify-content:center;
    }

    .eCjEjh {
      color:var(--black-2);
      font-size:var(--font-size-5xl);
      font-family:inherit;
    }

    .cRJczc {
      font-size:var(--font-size-3xl);
      font-family:inherit;
    }

    .dfScOr {
      width:100%;
      row-gap:var(--4xs);
      max-width:1000px;
      column-gap:var(--4xs);
      text-align:left;
      font-family:inherit;
      text-overflow:wrap;
      flex-direction:row;
      justify-content:flex-start;
    }

    .bHGWdn {
      font-family:inherit;
      font-weight:var(--font-weight-semi-bold);
    }

    .czjOjM {
      font-family:inherit;
      font-weight:var(--font-weight-semi-bold);
      padding-right:var(--4xs);
    }

    .bTJYvG {
      width:100%;
      height:240px;
      display:flex;
      background:linear-gradient(to top right, var(--brand-dark-1) 0%, var(--brand-2) 100%) scroll border-box padding-box repeat repeat 0% 0% / auto;
      align-items:center;
      font-family:inherit;
      padding-top:var(--3xl);
      padding-left:var(--base);
      padding-right:var(--base);
      flex-direction:column;
      justify-content:space-between;
    }

    .LcCmK {
      color:var(--black-4);
      font-size:var(--font-size-base);
      font-family:inherit;
      font-weight:var(--font-weight-semi-bold);
    }

    .cgUNrJ {
      min-width:200px;
      min-height:50px;
    }

    .bQRJLG {
      width:60%;
      display:flex;
      align-items:flex-start;
      font-family:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .btlnNp {
      font-family:inherit;
    }

    .btlnNp:hover {
      color:var(--white-1);
    }

    .UUZsy {
      color:var(--brand-5);
      min-width:200px;
      min-height:50px;
      font-family:inherit;
    }

    .dXmDhm {
      display:flex;
      min-width:200px;
      min-height:50px;
      align-items:start;
      font-family:inherit;
      flex-direction:row;
      justify-content:start;
    }

    .bwXLUr {
      display:flex;
      min-width:200px;
      min-height:50px;
      align-items:center;
      font-family:inherit;
      flex-direction:row;
      justify-content:flex-start;
    }

    .fcCVmk {
      width:60%;
      display:flex;
      align-items:start;
      font-family:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .about\:OJTuaInFFJKUtxDSXcyLA {
      margin-top:var(--4xl);
    }

    .eRlfYn {
      display:flex;
      align-items:flex-start;
      font-family:inherit;
      justify-content:flex-start;
    }

    .eatTah {
      display:flex;
      font-family:inherit;
    }

    .fpDVZG {
      display:flex;
      font-family:inherit;
      font-weight:var(--font-weight-semi-bold);
    }

    .dKfYFC {
      display:flex;
      row-gap:var(--5xl);
      column-gap:var(--5xl);
      align-items:center;
      font-family:inherit;
      justify-content:flex-start;
    }

    .dcjYrA {
      color:var(--black-1);
      width:76%;
      display:flex;
      row-gap:var(--xl);
      font-size:var(--font-size-xl);
      max-width:1000px;
      column-gap:var(--xl);
      align-items:flex-start;
      font-family:inherit;
      justify-content:flex-start;
    }

    .fnTjOz {
      display:flex;
      row-gap:var(--4xs);
      column-gap:var(--4xs);
      align-items:flex-start;
      font-family:inherit;
      flex-direction:column;
      justify-content:center;
    }

    .eRrBhC {
      display:flex;
      row-gap:var(--2xl);
      column-gap:var(--2xl);
      align-items:center;
      font-family:inherit;
      justify-content:flex-start;
    }

    .Ppgir {
      display:flex;
      align-items:flex-start;
      font-family:inherit;
      font-weight:var(--font-weight-semi-bold);
      justify-content:center;
    }