@property --bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 700;
}
@property --semi {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}
@property --medium {
  syntax: "<number>";
  inherits: true;
  initial-value: 500;
}
@property --normal {
  syntax: "<number>";
  inherits: true;
  initial-value: 400;
}
@property --brand-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0f120b;
}
@property --brand-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #151a10;
}
@property --brand-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1d2715;
}
@property --brand-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #24331a;
}
@property --brand-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2d4020;
}
@property --brand-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3a5229;
}
@property --brand-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4a6a33;
}
@property --brand-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #63893f;
}
@property --brand-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #acd471;
}
@property --text-lg {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --text-md {
  syntax: "<length>";
  inherits: true;
  initial-value: 1rem;
}
@property --text-sm {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --text-xl {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --text-xs {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --brand-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #b9dc84;
}
@property --brand-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #c6e49a;
}
@property --brand-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e4f3cc;
}
@property --text-2xl {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --text-3xl {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.875rem;
}
@property --text-4xl {
  syntax: "<length>";
  inherits: true;
  initial-value: 2.25rem;
}
@property --text-5xl {
  syntax: "<length>";
  inherits: true;
  initial-value: 3rem;
}
@property --text-6xl {
  syntax: "<length>";
  inherits: true;
  initial-value: 3.75rem;
}
@property --border-lg {
  syntax: "<length>";
  inherits: true;
  initial-value: 2px;
}
@property --border-md {
  syntax: "<length>";
  inherits: true;
  initial-value: 1px;
}
@property --darkbrand {
  syntax: "<color>";
  inherits: true;
  initial-value: #2d4a12;
}
@property --neutral-0 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0b0a0b;
}
@property --neutral-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #121113;
}
@property --neutral-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1A191B;
}
@property --neutral-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #232225;
}
@property --neutral-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2B292D;
}
@property --neutral-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #323035;
}
@property --neutral-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3C393F;
}
@property --neutral-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #49474E;
}
@property --neutral-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #625F69;
}
@property --neutral-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6F6D78;
}
@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 --success-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0D1514;
}
@property --success-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111C1B;
}
@property --success-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0D2D2A;
}
@property --success-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #023B37;
}
@property --success-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #084843;
}
@property --success-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #145750;
}
@property --success-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1C6961;
}
@property --success-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #207E73;
}
@property --success-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #12A594;
}
@property --warning-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #16120C;
}
@property --warning-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1D180F;
}
@property --warning-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #302008;
}
@property --warning-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3F2700;
}
@property --warning-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4D3000;
}
@property --warning-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5C3D05;
}
@property --warning-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #714F19;
}
@property --warning-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8F6424;
}
@property --warning-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFC53D;
}
@property --critical-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #191113;
}
@property --critical-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1E1517;
}
@property --critical-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3A141E;
}
@property --critical-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4E1325;
}
@property --critical-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5E1A2E;
}
@property --critical-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6F2539;
}
@property --critical-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #883447;
}
@property --critical-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B3445A;
}
@property --critical-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E54666;
}
@property --neutral-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7C7A85;
}
@property --neutral-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B5B2BC;
}
@property --neutral-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EEEEF0;
}
@property --overlay-a1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff0d;
}
@property --overlay-a2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff1a;
}
@property --overlay-a3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff26;
}
@property --overlay-a4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff33;
}
@property --overlay-a5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff4d;
}
@property --overlay-a6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff66;
}
@property --overlay-a7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff80;
}
@property --overlay-a8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff99;
}
@property --overlay-a9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffb3;
}
@property --shadow-2xl {
  syntax: "*";
  inherits: true;
  initial-value: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
@property --success-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0EB39E;
}
@property --success-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0BD8B6;
}
@property --success-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ADF0DD;
}
@property --warning-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFD60A;
}
@property --warning-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFCA16;
}
@property --warning-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFE7B3;
}
@property --border-none {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --critical-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EC5A72;
}
@property --critical-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FF949D;
}
@property --critical-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FED2E1;
}
@property --overlay-a10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffcc;
}
@property --overlay-a11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffe6;
}
@property --overlay-a12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fffffff2;
}
@property --rounding-lg {
  syntax: "<length>";
  inherits: true;
  initial-value: 8px;
}
@property --rounding-md {
  syntax: "<length>";
  inherits: true;
  initial-value: 4px;
}
@property --rounding-sm {
  syntax: "<length>";
  inherits: true;
  initial-value: 2px;
}
@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 --badge-size-lg {
  syntax: "<length>";
  inherits: true;
  initial-value: 2.5rem;
}
@property --badge-size-md {
  syntax: "<length>";
  inherits: true;
  initial-value: 2rem;
}
@property --badge-size-sm {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --header-height {
  syntax: "<length>";
  inherits: true;
  initial-value: 4.5rem;
}
@property --rounding-full {
  syntax: "<length>";
  inherits: true;
  initial-value: 9999px;
}
@property --rounding-none {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --avatar-size-lg {
  syntax: "<length>";
  inherits: true;
  initial-value: 3rem;
}
@property --avatar-size-md {
  syntax: "<length>";
  inherits: true;
  initial-value: 2rem;
}
@property --avatar-size-sm {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --line-height-lg {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.75rem;
}
@property --line-height-md {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --line-height-sm {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --line-height-xl {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.875rem;
}
@property --line-height-xs {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --line-height-2xl {
  syntax: "<length>";
  inherits: true;
  initial-value: 2rem;
}
@property --line-height-3xl {
  syntax: "<length>";
  inherits: true;
  initial-value: 2.375rem;
}
@property --line-height-4xl {
  syntax: "<length>";
  inherits: true;
  initial-value: 2.75rem;
}
@property --line-height-5xl {
  syntax: "<length>";
  inherits: true;
  initial-value: 3.75rem;
}
@property --line-height-6xl {
  syntax: "<length>";
  inherits: true;
  initial-value: 4.5rem;
}
@property --side-menu-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 240px;
}
@property --spinner-size-lg {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.75rem;
}
@property --spinner-size-md {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --spinner-size-sm {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --toggle-height-md {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --letter-spacing-lg {
  syntax: "<length>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-md {
  syntax: "<length>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-sm {
  syntax: "<length>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-xl {
  syntax: "<length>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-xs {
  syntax: "<length>";
  inherits: true;
  initial-value: 0rem;
}
@property --logo-dark-display {
  syntax: "*";
  inherits: true;
  initial-value: block;
}
@property --letter-spacing-2xl {
  syntax: "<length>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-3xl {
  syntax: "<length>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-4xl {
  syntax: "<length>";
  inherits: true;
  initial-value: -0.045rem;
}
@property --letter-spacing-5xl {
  syntax: "<length>";
  inherits: true;
  initial-value: -0.0575rem;
}
@property --letter-spacing-6xl {
  syntax: "<length>";
  inherits: true;
  initial-value: -0.075rem;
}
@property --logo-light-display {
  syntax: "*";
  inherits: true;
  initial-value: none;
}
@property --overlay-inverted-a1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000000d;
}
@property --overlay-inverted-a2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000001a;
}
@property --overlay-inverted-a3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000026;
}
@property --overlay-inverted-a4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000033;
}
@property --overlay-inverted-a5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000004d;
}
@property --overlay-inverted-a6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000066;
}
@property --overlay-inverted-a7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000080;
}
@property --overlay-inverted-a8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000099;
}
@property --overlay-inverted-a9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000b3;
}
@property --overlay-inverted-a10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000cc;
}
@property --overlay-inverted-a11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000e6;
}
@property --overlay-inverted-a12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000f2;
}
@property --interactive-height-lg {
  syntax: "<length>";
  inherits: true;
  initial-value: 3rem;
}
@property --interactive-height-md {
  syntax: "<length>";
  inherits: true;
  initial-value: 2.5rem;
}
@property --interactive-height-sm {
  syntax: "<length>";
  inherits: true;
  initial-value: 2rem;
}

  
  
  
  
    


@layer base {
  
  body, :host {
    /* Color */
    --neutral-0: #0b0a0b;
--neutral-1: #121113;
--neutral-2: #1A191B;
--neutral-3: #232225;
--neutral-4: #2B292D;
--neutral-5: #323035;
--neutral-6: #3C393F;
--neutral-7: #49474E;
--neutral-8: #625F69;
--neutral-9: #6F6D78;
--neutral-10: #7C7A85;
--neutral-11: #B5B2BC;
--neutral-12: #EEEEF0;
--brand-1: #566a39;
--brand-2: #677f44;
--brand-3: #78944f;
--brand-4: #8aaa5a;
--brand-5: #9bbf66;
--brand-6: #acd471;
--brand-7: #b4d87f;
--brand-8: #bddd8d;
--brand-9: #c5e19c;
--brand-10: #c9e3a3;
--brand-11: #cde5aa;
--brand-12: #d6eab8;
--darkbrand: #39661b;
--success-1: #0D1514;
--success-2: #111C1B;
--success-3: #0D2D2A;
--success-4: #023B37;
--success-5: #084843;
--success-6: #145750;
--success-7: #1C6961;
--success-8: #207E73;
--success-9: #12A594;
--success-10: #0EB39E;
--success-11: #0BD8B6;
--success-12: #ADF0DD;
--warning-1: #16120C;
--warning-2: #1D180F;
--warning-3: #302008;
--warning-4: #3F2700;
--warning-5: #4D3000;
--warning-6: #5C3D05;
--warning-7: #714F19;
--warning-8: #8F6424;
--warning-9: #FFC53D;
--warning-10: #FFD60A;
--warning-11: #FFCA16;
--warning-12: #FFE7B3;
--critical-1: #191113;
--critical-2: #1E1517;
--critical-3: #3A141E;
--critical-4: #4E1325;
--critical-5: #5E1A2E;
--critical-6: #6F2539;
--critical-7: #883447;
--critical-8: #B3445A;
--critical-9: #E54666;
--critical-10: #EC5A72;
--critical-11: #FF949D;
--critical-12: #FED2E1;
--overlay-a1: #ffffff0d;
--overlay-a2: #ffffff1a;
--overlay-a3: #ffffff26;
--overlay-a4: #ffffff33;
--overlay-a5: #ffffff4d;
--overlay-a6: #ffffff66;
--overlay-a7: #ffffff80;
--overlay-a8: #ffffff99;
--overlay-a9: #ffffffb3;
--overlay-a10: #ffffffcc;
--overlay-a11: #ffffffe6;
--overlay-a12: #fffffff2;
--overlay-inverted-a1: #0000000d;
--overlay-inverted-a2: #0000001a;
--overlay-inverted-a3: #00000026;
--overlay-inverted-a4: #00000033;
--overlay-inverted-a5: #0000004d;
--overlay-inverted-a6: #00000066;
--overlay-inverted-a7: #00000080;
--overlay-inverted-a8: #00000099;
--overlay-inverted-a9: #000000b3;
--overlay-inverted-a10: #000000cc;
--overlay-inverted-a11: #000000e6;
--overlay-inverted-a12: #000000f2;
    /* Fonts */
    --font-outfit: 'Outfit',sans-serif;

    /* Font size */
    --text-xs: 0.75rem;
--text-sm: 0.875rem;
--text-md: 1rem;
--text-lg: 1.125rem;
--text-xl: 1.25rem;
--text-2xl: 1.5rem;
--text-3xl: 1.875rem;
--text-4xl: 2.25rem;
--text-5xl: 3rem;
--text-6xl: 3.75rem;
    /* Font weight */
    --normal: 400;
--medium: 500;
--semi: 600;
--bold: 700;
    /* 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 */
    --rounding-none: 0px;
--rounding-sm: 2px;
--rounding-md: 4px;
--rounding-lg: 8px;
--rounding-full: 9999px;
--border-none: 0px;
--border-md: 1px;
--border-lg: 2px;
--line-height-xs: 1.125rem;
--line-height-sm: 1.25rem;
--line-height-md: 1.5rem;
--line-height-lg: 1.75rem;
--line-height-xl: 1.875rem;
--line-height-2xl: 2rem;
--line-height-3xl: 2.375rem;
--line-height-4xl: 2.75rem;
--line-height-5xl: 3.75rem;
--line-height-6xl: 4.5rem;
--letter-spacing-xs: 0rem;
--letter-spacing-sm: 0rem;
--letter-spacing-md: 0rem;
--letter-spacing-lg: 0rem;
--letter-spacing-xl: 0rem;
--letter-spacing-2xl: 0rem;
--letter-spacing-3xl: 0rem;
--letter-spacing-4xl: -0.045rem;
--letter-spacing-5xl: -0.0575rem;
--letter-spacing-6xl: -0.075rem;
--interactive-height-sm: 2rem;
--interactive-height-md: 2.5rem;
--interactive-height-lg: 3rem;
--toggle-height-md: 1.5rem;
--spinner-size-sm: 1.25rem;
--spinner-size-md: 1.5rem;
--spinner-size-lg: 1.75rem;
--side-menu-width: 240px;
--header-height: 4.5rem;
--avatar-size-sm: 1.5rem;
--avatar-size-md: 2rem;
--avatar-size-lg: 3rem;
--badge-size-sm: 1.5rem;
--badge-size-md: 2rem;
--badge-size-lg: 2.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;
    }
  }
}


    .cOhxSn {
      color:var(--neutral-12, #EEEEF0);
      width:100%;
      display:grid;
      font-size:inherit;
      background:url("/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/d3f6e765-cdbc-4d92-a530-75250971b700/full") center /cover no-repeat fixed, var(--neutral-1, #121113);
      min-height:100vh;
      font-family:"Outfit", sans-serif;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
    }

    @media (max-width: 860px) {

    .cOhxSn {
      grid-template-columns:minmax(0, 1fr);
    }
    }

    .fDbNKO {
      color:inherit;
      width:100%;
      border:none;
      margin:1.75rem 0 1.25rem 0;
      display:block;
      font-size:inherit;
      border-top:1px solid rgba(255, 255, 255, 0.1);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dSFOKk {
      gap:0.75rem;
      color:inherit;
      width:100%;
      display:flex;
      font-size:inherit;
      text-align:left;
      font-family:"Outfit", sans-serif;
      font-weight:inherit;
      flex-direction:column;
    }

    .dPkgBo {
      color:inherit;
      width:100%;
      display:flex;
      font-size:inherit;
      max-width:22rem;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bDfBBw {
      width:var(--size);
      box-sizing:border-box;
    }

    .bZWCAL {
      box-sizing:border-box;
    }

    .login\:lockIcon {
      width:0.85rem;
      height:0.85rem;
      flex-shrink:0;
    }

    .cmXPqi {
      color:var(--neutral-12, #eeeef0);
      width:100%;
      border:1px solid var(--neutral-6, #3C393F);
      height:3.25rem;
      display:inline-block;
      outline:none;
      padding:0 1rem;
      font-size:1.5rem;
      background:transparent;
      box-sizing:border-box;
      text-align:center;
      font-family:inherit;
      font-weight:600;
      border-radius:8px;
      flex-direction:row;
      letter-spacing:0.4em;
    }

    .cmXPqi::placeholder {
      color:var(--neutral-11, #b5b2bc);
    }

    .cmXPqi:focus-visible {
      outline:2px solid var(--brand-9, #49929d);
      border-color:var(--brand-9, #49929d);
      outline-offset:1px;
    }

    .cmXPqi:hover {
      border-color:var(--neutral-8, #625F69);
    }

    .ehRMpl {
      color:var(--neutral-11, #B5B2BC);
      margin:0 0 0.5rem 0;
      display:block;
      font-size:0.88rem;
      text-align:left;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      flex-direction:row;
    }

    .QcOUt {
      color:var(--neutral-12);
      display:inline;
      font-size:var(--text-sm, 0.875rem);
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
    }

    .cXPssQ {
      gap:1rem;
      color:inherit;
      width:100%;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .dFtHKn {
      color:inherit;
      display:flex;
      padding:2.5rem 1.5rem;
      font-size:inherit;
      background:linear-gradient(160deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.015) 40%, rgba(0, 0, 0, 0.1) 100%), rgba(12, 13, 12, 0.62);
      box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.04), -24px 0 60px rgba(0, 0, 0, 0.35);
      box-sizing:border-box;
      min-height:100vh;
      align-items:center;
      border-left:1px solid rgba(255, 255, 255, 0.08);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      backdrop-filter:blur(28px) saturate(140%);
      justify-content:center;
      -webkit-backdrop-filter:blur(28px) saturate(140%);
    }

    .eCXdKi {
      color:inherit;
      width:auto;
      height:2.75rem;
      display:block;
      font-size:inherit;
      align-self:flex-start;
      object-fit:contain;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bMbWVC {
      gap:0.4rem;
      color:var(--neutral-11);
      border:none;
      cursor:pointer;
      display:inline-flex;
      padding:0.25rem 0;
      font-size:var(--text-sm, 0.875rem);
      background:none;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      text-decoration:underline;
      text-underline-offset:3px;
    }

    .bMbWVC:hover {
      color:var(--neutral-12);
    }

    .bMbWVC:disabled {
      cursor:wait;
      opacity:0.5;
    }

    .bMbWVC:focus-visible {
      outline:2px solid var(--brand-8, #6958AD);
      outline-offset:2px;
    }

    .eaboky {
      width:fit-content;
      height:auto;
    }

    .so-button-primary\:root {
      gap:0.25rem;
      color:#2d4a12;
      width:fit-content;
      cursor:pointer;
      height:var(--interactive-height-md);
      font-size:var(--text-md);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color 200ms ease 0ms normal, transform 120ms ease;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--semi);
      user-select:none;
      padding-left:0.75rem;
      border-radius:8px;
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border-lg);
      padding-right:0.75rem;
      flex-direction:row;
      outline-offset:var(--border-md);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      background-color:var(--brand-6);
      -webkit-user-select:none;
      -webkit-tap-highlight-color:transparent;
    }

    .so-button-primary\:root:hover {
      filter:brightness(1.08);
      background:var(--brand-6);
    }

    .so-button-primary\:root:active {
      filter:brightness(0.95);
      transform:scale(0.97);
      transition:none;
      background-color:var(--brand-6);
    }

    .so-button-primary\:root:focus-visible {
      outline-color:var(--brand-8, #6958AD);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .so-button-primary\:root.disabled {
      opacity:0.5;
      transform:none;
      background-color:var(--brand-6);
    }

    .erOIUf {
      width:var(--size);
      height:var(--size);
      animation:spinner 1s linear infinite;
      border-radius:50%;
    }

    .dbxhSh {
      width:100%;
      height:100%;
      position:absolute;
      border-color:transparent;
      border-style:solid;
      border-width:6px;
      border-radius:50%;
      border-top-color:var(--color, #EEEEF0);
      border-top-style:solid;
      border-top-width:6px;
    }

    .dyGkqJ {
      width:100%;
      height:100%;
      opacity:0.3;
      position:absolute;
      border-color:var(--color, #EEEEF0);
      border-style:solid;
      border-width:6px;
      border-radius:50%;
    }

    .bxDGws {
      top:0px;
      left:0px;
      color:#2d4a12;
      right:0px;
      bottom:0px;
      display:flex;
      z-index:;
      position:absolute;
      font-size:inherit;
      background:var(--brand-6);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      justify-content:center;
    }

    .login\:verifyBtn {
      width:100%;
      height:3rem;
      border-radius:10px;
    }

    .opQur {
      gap:2rem;
      color:inherit;
      display:flex;
      padding:2.25rem 2.5rem;
      font-size:inherit;
      background:linear-gradient(180deg, rgba(10, 12, 10, 0.55) 0%, rgba(10, 12, 10, 0.6) 55%, rgba(10, 12, 10, 0.85) 100%);
      box-sizing:border-box;
      min-height:100vh;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      justify-content:space-between;
    }

    @media (max-width: 860px) {

    .opQur {
      display:none;
    }
    }

    .eGRdqU {
      color:var(--neutral-12, #EEEEF0);
      margin:0px;
      display:block;
      font-size:2.25rem;
      font-family:inherit;
      font-weight:400;
      line-height:1.15;
      flex-direction:row;
      letter-spacing:-0.01em;
    }

    .diKHw {
      color:inherit;
      width:auto;
      height:2.5rem;
      display:none;
      font-size:inherit;
      align-self:flex-start;
      object-fit:contain;
      font-family:inherit;
      font-weight:inherit;
      margin-bottom:2.5rem;
      flex-direction:row;
    }

    @media (max-width: 860px) {

    .diKHw {
      display:block;
    }
    }

    .cgEhs {
      color:inherit;
      width:1.25rem;
      height:1.25rem;
    }

    .cvzucj {
      gap:0.6rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .drloXf {
      gap:1rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .bCOrlZ {
      color:inherit;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .flAOna {
      color:var(--neutral-11, #B5B2BC);
      margin:0 0 1.75rem 0;
      display:block;
      font-size:0.88rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.55;
      flex-direction:row;
    }

    .YGZkx {
      color:var(--neutral-12, #EEEEF0);
      margin:0 0 0.6rem 0;
      display:block;
      font-size:1.85rem;
      font-family:inherit;
      font-weight:600;
      line-height:1.2;
      flex-direction:row;
      letter-spacing:-0.01em;
    }

    .dRREwQ {
      color:var(--brand-9, #acd471);
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:500;
      flex-direction:row;
      text-decoration:underline;
      text-underline-offset:3px;
    }

    .dRREwQ:hover {
      color:var(--brand-10, #9cc75f);
    }

    .dRREwQ:focus-visible {
      outline:2px solid var(--brand-9, #acd471);
      border-radius:2px;
      outline-offset:2px;
    }

    .dA-dWgW {
      color:var(--neutral-11, #B5B2BC);
      margin:0 0 1.5rem 0;
      display:block;
      font-size:0.78rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.4;
      flex-direction:row;
    }

    .cLWkBC {
      color:var(--neutral-10, #7C7A85);
      margin:0px;
      display:block;
      font-size:0.7rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.4;
      flex-direction:row;
    }

    .clPXvq {
      color:var(--brand-9, #acd471);
      margin:0 0 0.6rem 0;
      display:block;
      font-size:0.72rem;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
      letter-spacing:0.14em;
      text-transform:uppercase;
    }

    .pCSYg {
      color:var(--brand-9, #acd471);
      margin:0px;
      display:block;
      font-size:0.72rem;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
      letter-spacing:0.14em;
      text-transform:uppercase;
    }

    .eXlVUG {
      color:inherit;
      width:0.8rem;
      border:2px solid currentColor;
      height:0.8rem;
      display:inline-block;
      animation:loginResendSpin 0.7s linear infinite;
      font-size:inherit;
      box-sizing:border-box;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
      border-top-color:transparent;
    }

    @keyframes loginResendSpin {
        0% {
          transform: rotate(0deg);
        }

        100% {
          transform: rotate(360deg);
        }
    }

    .edNeOj {
      gap:0.5rem;
      color:var(--color, #BAA7FF);
      align-items:center;
      padding-top:1rem;
      border-color:var(--color-border, #3C2E69);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      border-radius:var(--rounding-lg);
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:1rem;
      justify-content:start;
      background-color:var(--color-bg, #291F43);
    }

    .login\:resentCallout {
      height:fit-content;
      min-width:180px;
    }

    .dIaqNN {
      color:var(--neutral-11);
      border:none;
      cursor:pointer;
      display:inline-block;
      padding:0.25rem 0;
      font-size:var(--text-sm, 0.875rem);
      background:none;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      text-decoration:underline;
      text-underline-offset:3px;
    }

    .dIaqNN:hover {
      color:var(--neutral-12);
    }

    .dIaqNN:focus-visible {
      outline:2px solid var(--brand-8, #6958AD);
      outline-offset:2px;
    }

    .egsfcm {
      color:var(--neutral-12);
      display:inline;
      font-size:inherit;
      word-break:break-all;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .esmvnk {
      color:var(--neutral-11, #B5B2BC);
      display:inline-block;
      font-size:var(--text-md);
      margin-top:var(--margin-top);
      font-family:Outfit;
      font-weight:inherit;
      line-height:var(--line-height);
      white-space:normal;
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
    }

    .esmvnk.truncated {
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .esmvnk.clamped {
      display:-webkit-box;
      overflow:hidden;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:var(--clamp-lines);
    }

    .so-callout-text\:root {
      flex:1;
      color:inherit;
      font-weight:var(--medium);
    }

    .eEjgkc {
      gap:0.5rem;
      color:var(--neutral-11, #B5B2BC);
      margin:0 0 0.75rem 0;
      display:flex;
      font-size:0.78rem;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.4;
      flex-direction:row;
    }

    .chAOKJ {
      width:100%;
    }

    .login\:8pqbjlVBoXvZ4bPehNkIl {
      gap:0.5rem;
    }

    .dlwDdU {
      gap:1rem;
      width:100%;
    }

    .dLwSxU {
      color:var(--neutral-11, #B5B2BC);
      width:100%;
      font-size:var(--text-sm);
      font-family:'Outfit';
      font-weight:var(--medium);
      line-height:var(--text-sm);
      padding-bottom:0.5rem;
    }

    .login\:Pxl1Mk8os0Nyk4GdhzQyx {
      color:var(--neutral-12, #EEEEF0);
      font-size:0.8rem;
      font-weight:600;
    }

    .login\:XS1aIW8lHhoL8kjFLAi5_ {
      height:fit-content;
      min-width:180px;
    }

    .evJTgz {
      gap:0.5rem;
      width:100%;
      height:2.5rem;
      display:flex;
      padding:0 0.875rem;
      background:transparent;
      transition:border-color 120ms ease;
      align-items:center;
      border-color:var(--neutral-6, #3C393F);
      border-style:solid;
      border-width:1px;
      border-radius:8px;
      flex-direction:row;
      justify-content:start;
    }

    .evJTgz:hover {
      border-color:var(--neutral-8, #625F69);
    }

    .evJTgz.focused {
      outline:2px solid var(--brand-9, #49929d);
      border-color:var(--brand-9, #49929d);
      outline-offset:1px;
    }

    .ffylVR {
      flex:1;
      color:var(--neutral-12, #EEEEF0);
      width:100%;
      height:100%;
      font-size:0.85rem;
      font-family:'Outfit';
      font-weight:var(--normal);
    }

    .ffylVR::placeholder {
      color:var(--neutral-9, #6F6D78);
      font-size:0.85rem;
      font-family:'Outfit';
      font-weight:var(--normal);
    }

    .epHoVX {
      width:inherit;
      height:inherit;
      background-color:inherit;
    }

    .login\:rsqiMdU1a-TDeHbpbHhtS {
      width:100%;
      height:3rem;
      row-gap:0.5rem;
      column-gap:0.5rem;
      border-radius:10px;
    }