@property --Border {
  syntax: "<color>";
  inherits: true;
  initial-value: #363636;
}
@property --White-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff05;
}
@property --shadow-lg {
  syntax: "*";
  inherits: true;
  initial-value:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
}
@property --shadow-md {
  syntax: "*";
  inherits: true;
  initial-value:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
}
@property --shadow-sm {
  syntax: "*";
  inherits: true;
  initial-value:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
@property --shadow-xl {
  syntax: "*";
  inherits: true;
  initial-value: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
}
@property --Retro-Dark {
  syntax: "<color>";
  inherits: true;
  initial-value: #191919;
}
@property --shadow-2xl {
  syntax: "*";
  inherits: true;
  initial-value:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
@property --Retro-White {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEFFF9;
}
@property --ai--hero-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --medium-1rem {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --shadow-base {
  syntax: "*";
  inherits: true;
  initial-value:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
@property --small-p5rem {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: .5rem;
}
@property --Retro-Orange {
  syntax: "<color>";
  inherits: true;
  initial-value: #ED5B1D;
}
@property --font-size-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --font-size-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --font-size-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --font-size-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --font-size-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --font-size-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.875rem;
}
@property --font-size-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.25rem;
}
@property --font-size-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --font-size-xxs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.625rem;
}
@property --font-size-base {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --radius-p375rem {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: .375rem;
}
@property --ai--brand-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-weight-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 700;
}
@property --font-weight-thin {
  syntax: "<number>";
  inherits: true;
  initial-value: 100;
}
@property --ai--border-inline {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-weight-black {
  syntax: "<number>";
  inherits: true;
  initial-value: 900;
}
@property --font-weight-light {
  syntax: "<number>";
  inherits: true;
  initial-value: 300;
}
@property --Retro-White-Darker {
  syntax: "<color>";
  inherits: true;
  initial-value: #d6d6d6;
}
@property --font-weight-bolder {
  syntax: "<number>";
  inherits: true;
  initial-value: 800;
}
@property --font-weight-normal {
  syntax: "<number>";
  inherits: true;
  initial-value: 500;
}
@property --ai--container-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-weight-lighter {
  syntax: "<number>";
  inherits: true;
  initial-value: 200;
}
@property --font-weight-regular {
  syntax: "<number>";
  inherits: true;
  initial-value: 400;
}
@property --font-weight-semi-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}

  :host, :root {
  --Border: #363636;
  --White-2: #ffffff05;
  --shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px 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-sm:  0 1px 2px 0 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);
  --Retro-Dark: #191919;
  --shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --Retro-White: #FEFFF9;
  --ai--hero-bg: #292929;
  --medium-1rem: 1rem;
  --shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --small-p5rem: .5rem;
  --Retro-Orange: #ED5B1D;
  --font-size-lg: 1.125rem;
  --font-size-sm: 0.875rem;
  --font-size-xl: 1.25rem;
  --font-size-xs: 0.75rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-xxs: 0.625rem;
  --font-size-base: 1rem;
  --radius-p375rem: .375rem;
  --ai--brand-color: #0043c7;
  --font-weight-bold: 700;
  --font-weight-thin: 100;
  --ai--border-inline: #e8e8e8;
  --font-weight-black: 900;
  --font-weight-light: 300;
  --Retro-White-Darker: #d6d6d6;
  --font-weight-bolder: 800;
  --font-weight-normal: 500;
  --ai--container-width: 45rem;
  --font-weight-lighter: 200;
  --font-weight-regular: 400;
  --font-weight-semi-bold: 600;
}
  
  
  [data-nc-theme~="Default"] {
  --Border: #363636;
  --White-2: #ffffff05;
  --shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px 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-sm:  0 1px 2px 0 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);
  --Retro-Dark: #191919;
  --shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --Retro-White: #FEFFF9;
  --ai--hero-bg: #292929;
  --medium-1rem: 1rem;
  --shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --small-p5rem: .5rem;
  --Retro-Orange: #ED5B1D;
  --font-size-lg: 1.125rem;
  --font-size-sm: 0.875rem;
  --font-size-xl: 1.25rem;
  --font-size-xs: 0.75rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-xxs: 0.625rem;
  --font-size-base: 1rem;
  --radius-p375rem: .375rem;
  --ai--brand-color: #0043c7;
  --font-weight-bold: 700;
  --font-weight-thin: 100;
  --ai--border-inline: #e8e8e8;
  --font-weight-black: 900;
  --font-weight-light: 300;
  --Retro-White-Darker: #d6d6d6;
  --font-weight-bolder: 800;
  --font-weight-normal: 500;
  --ai--container-width: 45rem;
  --font-weight-lighter: 200;
  --font-weight-regular: 400;
  --font-weight-semi-bold: 600;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-Instrument Sans: 'Instrument Sans',sans-serif;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* 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;
    }
  }
}


    .cvcMMp {
      color:var(--Retro-White, #FEFFF9);
      width:100%;
      z-index:;
      min-height:100%;
      align-items:center;
      font-family:'Figtree';
      justify-content:start;
      background-color:var(--Retro-Dark, #191919);
    }

    .cekPu {
      gap:var(--small-p5rem);
      color:var(--Retro-White, #FEFFF9);
      width:fit-content;
      cursor:pointer;
      font-size:var(--font-size-sm);
      max-height:2rem;
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color 300ms ease 0ms ;
      align-items:start;
      padding-top:var(--small-p5rem);
      padding-left:2rem;
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:var(--small-p5rem);
      backdrop-filter:blur(3px);
      justify-content:center;
    }

    .cekPu.hovered {
      padding-left:1rem;
      padding-right:2rem;
      background-color:var(--Retro-Orange, #ED5B1D);
    }

    .eyVPLS {
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .bhkjdQ {
      color:inherit;
      height:fit-content;
      opacity:0;
      font-size:inherit;
      translate:0 1rem;
      transition:opacity 300ms ease var(--delay) normal, translate 300ms ease var(--delay) normal;
      font-family:inherit;
      font-weight:inherit;
    }

    .bhkjdQ.loaded {
      opacity:1;
      translate:0 0rem;
    }

    .dXeBUi {
      width:50px;
      cursor:pointer;
      height:50px;
      box-shadow:0px 0px 12px 1px #ed5b1e99;
      border-color:var(--Retro-Orange, #ED5B1D);
      border-style:solid;
      border-width:1px;
      border-radius:100vw;
    }

    .dSSRlX {
      left:0px;
      right:0px;
      height:100%;
      display:flex;
      z-index:0;
      position:absolute;
      animation:gradient 16s linear infinite;;
      background:linear-gradient(45deg,#211f1f, #000000, #7E7E7E);;
      flex-direction:column;
      background-size:300% 100%;;
      animation-direction:alternate;
    }

    .dFIsGL {
      top:0px;
      left:0px;
      right:0px;
      width:100%;
      bottom:0px;
      height:100%;
      display:flex;
      z-index:;
      position:absolute;
      flex-direction:column;
    }

    .dOmiym {
      margin-top:var(--medium-1rem);
      font-family:inherit;
    }

    .h2\:Pj2926-BTjCjswBVkCj_O {
      color:inherit;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .fEZXHZ {
      gap:var(--small-p5rem);
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .deQiPk {
      left:.5rem;
      position:absolute;
      transition:position 300ms ease 150ms normal, rotate 300ms ease 0ms normal, left 300ms ease 0ms normal;
    }

    .deQiPk.hovered {
      left:56%;
      rotate:z -180deg;
      position:absolute;
    }

    .bDuORG {
      font-size:var(--font-size-xs);
      font-family:inherit;
      font-weight:inherit;
    }

    .dlhPMB {
      gap:var(--small-p5rem);
      flex:1;
      color:inherit;
      cursor:pointer;
      display:inline;
      flex-wrap:wrap;
      font-size:inherit;
      transition:color 300ms ease 0ms ;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dlhPMB:hover {
      color:var(--Retro-White, #FEFFF9);
    }

    .fxbviR {
      height:100%;
      font-size:inherit;
      translate:0 75%;
      transition:translate 300ms ease 0ms normal;
      font-family:inherit;
      font-weight:inherit;
      line-height:1rem;
    }

    .fxbviR.hovered {
      translate:140% 75%;
    }

    .btomVW {
      gap:var(--small-p5rem);
      color:var(--Retro-White, #FEFFF9);
      width:fit-content;
      cursor:pointer;
      font-size:var(--font-size-sm);
      max-height:2rem;
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color 300ms ease 0ms normal;
      align-items:start;
      padding-top:var(--small-p5rem);
      padding-left:2rem;
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:var(--small-p5rem);
      backdrop-filter:blur(3px);
      justify-content:center;
    }

    .btomVW.hovered {
      padding-left:1rem;
      padding-right:2rem;
      background-color:#0077b5;
    }

    .WnyPi {
      display:inline;
      margin-left:.5rem;
    }

    .FCHiP {
      color:#ffffff;
      font-size:var(--font-size-xs);
      font-family:'DM Mono';
      font-weight:inherit;
      text-transform:uppercase;
    }

    .fqlfZr {
      width:100%;
      min-height:100%;
      overflow-y:scroll;
      align-items:center;
      font-family:inherit;
      justify-content:start;
      border-top-color:var(--Retro-Orange, #ED5B1D);
      border-top-style:solid;
      border-top-width:1px;
    }

    .eeALJd {
      gap:var(--small-p5rem);
      flex:1;
      color:inherit;
      cursor:pointer;
      display:flex;
      font-size:inherit;
      transition:color 300ms ease 0ms ;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eeALJd:hover {
      color:var(--Retro-White, #FEFFF9);
    }

    .bTmWlp {
      left:0px;
      right:0px;
      width:100%;
      height:100%;
      z-index:0;
      position:absolute;
    }

    .cXwtNo {
      gap:var(--small-p5rem);
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:start;
    }

    .dDbaWe {
      color:var(--Retro-White, #FEFFF9);
      font-size:var(--font-size-3xl);
      font-family:inherit;
      font-weight:var(--font-weight-semi-bold);
      letter-spacing:-.1rem;
    }

    .dpugfd {
      font-size:inherit;
      align-items:start;
      font-family:inherit;
      font-weight:inherit;
      justify-content:center;
    }

    .dVzPPe {
      gap:var(--medium-1rem);
      color:#b3b3b3;
      width:100%;
      z-index:1;
      font-size:var(--font-size-sm);
      max-width:20rem;
      font-family:inherit;
      font-weight:var(--font-weight-regular);
      padding-top:4rem;
      padding-bottom:4rem;
    }

    .bNpxbC {
      gap:var(--small-p5rem);
      color:inherit;
      font-size:inherit;
      margin-top:var(--small-p5rem);
      font-family:inherit;
      font-weight:inherit;
    }

    .eGsqse {
      gap:var(--medium-1rem);
      color:inherit;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:var(--medium-1rem);
      flex-direction:row;
      padding-bottom:var(--medium-1rem);
      justify-content:start;
    }

    .fcCrjj {
      height:100%;
      font-size:var(--font-size-sm);
      translate:-150% -72%;
      transition:translate 300ms ease var(--animation_delay) normal;
      font-family:inherit;
      font-weight:inherit;
      line-height:1rem;
    }

    .fcCrjj.hovered {
      translate:0% -72%;
    }

    .eIQPHj {
      gap:var(--medium-1rem);
      color:inherit;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:var(--medium-1rem);
      flex-direction:row;
      padding-bottom:var(--medium-1rem);
      justify-content:start;
      border-bottom-color:var(--Border, #363636);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .bEzfSi {
      color:#ffffff;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .dexDFJ {
      gap:var(--medium-1rem);
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .oeygN {
      height:100%;
      font-size:inherit;
      translate:-150% -72%;
      transition:translate 300ms ease var(--animation_delay) normal;
      font-family:inherit;
      font-weight:inherit;
      line-height:1rem;
    }

    .oeygN.hovered {
      translate:0 -72%;
    }

    .bidoeA {
      left:.5rem;
      position:absolute;
      transition:rotate 300ms ease 150ms normal, left 300ms ease 0ms ;
    }

    .bidoeA.hovered {
      left:83%;
      rotate:z -45deg;
      position:absolute;
    }