@layer base {
  
  body, :host {
    /* Color */
    --accent: var(--neutral-100);
--accent-foreground: var(--neutral-900);
--background: white;
--border: var(--neutral-200);
--card: white;
--card-foreground: var(--neutral-950);
--destructive: #DC2626;
--destructive-foreground: #FEF2F2;
--foreground: var(--neutral-950);
--input: var(--neutral-200);
--muted: var(--neutral-100);
--muted-foreground: var(--neutral-500);
--popover: white;
--popover-foreground: var(--neutral-950);
--primary: var(--brand-900);
--primary-foreground: var(--neutral-50);
--ring: var(--neutral-400);
--ring-offset: white;
--secondary: var(--neutral-100);
--secondary-foreground: var(--neutral-900);
--transparent: #ffffff00;
--neutral-50: #FAFAFA;
--neutral-100: #F5F5F5;
--neutral-200: #E5E5E5;
--neutral-300: #D4D4D4;
--neutral-400: #A3A3A3;
--neutral-500: #737373;
--neutral-600: #525252;
--neutral-700: #404040;
--neutral-800: #262626;
--neutral-900: #171717;
--neutral-950: #0A0A0A;
--brand-50: #f4f3ff;
--brand-100: #ebe9fe;
--brand-200: #d9d5ff;
--brand-300: #bbb4fe;
--brand-400: #9a89fc;
--brand-500: #7959f9;
--brand-600: #6737f0;
--brand-700: #5925dc;
--brand-800: #4a1eb9;
--brand-900: #3f1b97;
--brand-950: #250f66;
--white: #ffffff;
--black: #000000;
--gray-50: #f9fafb;
--gray-100: #f3f4f6;
--gray-200: #e5e7eb;
--gray-300: #d1d5db;
--gray-400: #9ca3af;
--gray-500: #6b7280;
--gray-600: #4b5563;
--gray-700: #374151;
--gray-800: #1f2937;
--gray-900: #111827;
--gray-950: #030712;
--success-50: #f0fdf4;
--success-100: #dcfce7;
--success-200: #bbf7d0;
--success-300: #86efac;
--success-400: #4ade80;
--success-500: #22c55e;
--success-600: #16a34a;
--success-700: #15803d;
--success-800: #166534;
--success-900: #14532d;
--success-950: #052e16;
    /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-ibmplexsansthai: 'IBM Plex Sans Thai',sans-serif;
--font-notosansthailooped: 'Noto Sans Thai Looped',sans-serif;
--font-geist: 'Geist',sans-serif;
--font-geistmono: 'Geist Mono',monospace;
--font-domine: 'Domine',serif;
--font-ibmplexsansthailooped: 'IBM Plex Sans Thai Looped',sans-serif;

    /* Font size */
    --font-10: 0.625rem;
--font-12: 0.75rem;
--font-14: 0.875rem;
--font-16: 1rem;
--font-18: 1.125rem;
--font-20: 1.25rem;
--font-24: 1.5rem;
--font-30: 1.875rem;
--font-36: 2.25rem;
--font-48: 3rem;
--text-xs: 0.75rem;
--text-sm: 0.875rem;
--text-base: 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;
--text-7xl: 4.5rem;
--text-8xl: 6rem;
--text-9xl: 8rem;
    /* Font weight */
    --w-100: 100;
--w-200: 200;
--w-300: 300;
--w-400: 400;
--w-500: 500;
--w-600: 600;
--w-700: 700;
--w-800: 800;
--w-900: 900;
--font-thin: 100;
--font-extralight: 200;
--font-light: 300;
--font-normal: 400;
--font-medium: 500;
--font-semibold: 600;
--font-bold: 700;
--font-extrabold: 800;
--font-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 */
    --space-4: 0.25rem;
--space-6: 0.375rem;
--space-8: 0.5rem;
--space-12: 0.75rem;
--space-16: 1rem;
--space-24: 1.5rem;
--space-32: 2rem;
--space-40: 2.5rem;
--space-64: 4rem;
--s-1: 0.0625rem;
--s-2: 0.125rem;
--s-4: 0.25rem;
--s-6: 0.375rem;
--s-8: 0.5rem;
--s-10: 0.625rem;
--s-12: 0.75rem;
--s-14: 0.875rem;
--s-16: 1rem;
--s-20: 1.25rem;
--s-24: 1.5rem;
--s-28: 1.75rem;
--s-32: 2rem;
--s-36: 2.25rem;
--s-40: 2.5rem;
--s-44: 2.75rem;
--s-48: 3rem;
--s-56: 3.5rem;
--s-64: 4rem;
--s-80: 5rem;
--s-96: 6rem;
--s-128: 8rem;
--s-192: 12rem;
--s-256: 16rem;
    /* Z-index */
    --z-0: 0;
--z-10: 10;
--z-20: 20;
--z-30: 30;
--z-40: 40;
--z-50: 50;
  }
  @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;
    }
  }
}


    .dAALCA {
      flex:1;
      color:var(--gray-900, #111827);
      display:flex;
      flex-direction:column;
      background-color:var(--white, #ffffff);
    }

    .euCzhA {
      gap:var(--space-24);
      width:100%;
      display:flex;
      flex-direction:row;
    }

    @media (max-width: 928px) {

    .euCzhA {
      flex-direction:column;
    }
    }

    .fqrnix {
      width:100%;
      row-gap:var(--s-32);
      max-width:1024px;
      column-gap:var(--s-32);
      align-items:center;
      justify-content:start;
    }

    .cGEEyV {
      width:100%;
      row-gap:var(--s-8);
      max-width:600px;
      column-gap:var(--s-8);
    }

    .enyMON {
      width:100%;
      height:100%;
      display:flex;
      max-width:600px;
      max-height:600px;
      object-fit:cover;
      align-items:center;
      justify-content:flex-start;
    }

    @media (max-width: 928px) {

    .enyMON {
      width:100%;
      height:100%;
      max-width:unset;
      max-height:unset;
      object-fit:contain;
    }
    }

    .pRAkj {
      flex:1;
      color:var(--white, #ffffff);
      overflow-x:hidden;
      overflow-y:hidden;
      padding-top:var(--space-64);
      padding-left:var(--space-32);
      border-radius:var(--space-16);
      padding-right:var(--space-32);
      flex-direction:row;
      padding-bottom:var(--space-64);
      background-color:var(--gray-900, #111827);
    }

    @media (max-width: 768px) {

    .pRAkj {
      padding-top:var(--space-32);
      padding-left:var(--space-16);
      padding-right:var(--space-16);
      flex-direction:column;
      padding-bottom:var(--space-32);
    }
    }

    .dFGgsR {
      color:var(--muted-foreground);
      font-size:var(--text-sm);
    }

    .doazZa {
      color:inherit;
      font-size:var(--font-30);
      text-align:left;
      font-weight:var(--w-600);
    }

    .fzaAJG {
      width:100%;
      align-items:center;
      padding-top:var(--space-64);
      padding-left:var(--space-40);
      padding-right:var(--space-40);
      padding-bottom:var(--space-64);
      justify-content:center;
    }

    @media (max-width: 768px) {

    .fzaAJG {
      padding-left:var(--space-16);
      padding-right:var(--space-16);
    }
    }

    .bziIto {
      width:100%;
      row-gap:var(--s-32);
      max-width:1024px;
      column-gap:var(--s-32);
      align-items:center;
      flex-direction:row;
      justify-content:start;
    }

    @media (max-width: 928px) {

    .bziIto {
      flex-direction:column-reverse;
    }
    }

    .KulCc {
      color:var(--card-foreground);
      width:100%;
      row-gap:var(--s-24);
      background:var(--card);
      box-shadow:0px 1px 3px 0px #0000001a, 0px 1px 2px -1px #0000001a;
      column-gap:var(--s-24);
      padding-top:var(--s-24);
      border-color:var(--border);
      border-style:solid;
      border-width:1px;
      padding-left:var(--s-24);
      padding-right:var(--s-24);
      padding-bottom:var(--s-24);
      border-top-left-radius:var(--s-14);
      border-top-right-radius:var(--s-14);
      border-bottom-left-radius:var(--s-14);
      border-bottom-right-radius:var(--s-14);
    }

    .dWxmeo {
      row-gap:var(--s-6);
      column-gap:var(--s-6);
    }

    .eNOqkb {
      font-size:var(--text-base);
      font-weight:var(--font-semibold);
    }

    .eejslf {
      color:var(--muted-foreground);
      font-size:var(--text-sm);
      line-height:var(--s-20);
    }

    .resume\:7OS_Cf2S7Z5IxccJDisrA {
      flex:1;
      row-gap:var(--s-8);
      column-gap:var(--s-8);
    }

    .bCstPR {
      font-weight:var(--font-medium);
    }

    .clXfsA {
      color:var(--gray-500, #6b7280);
      display:inline-block;
      text-align:center;
      line-height:var(--space-24);
    }

    .enCdPk {
      flex:1;
      row-gap:var(--s-32);
      column-gap:var(--s-32);
    }

    .eyQZTx {
      gap:var(--space-8);
      flex:1;
      max-width:600px;
      align-items:center;
      justify-content:start;
    }

    .bwcXnK {
      color:var(--primary-foreground);
      width:var(--width);
      cursor:pointer;
      height:var(--height);
      display:flex;
      row-gap:0.5rem;
      font-size:var(--font-size);
      background:var(--primary);
      box-shadow:0px 2px 4px 0px var(--shadow-color);
      column-gap:0.5rem;
      transition:all 150ms ease;
      align-items:center;
      font-family:inherit;
      font-weight:var(--font-medium);
      line-height:var(--line-height);
      padding-top:8px;
      padding-left:var(--horizontal-padding);
      padding-right:var(--horizontal-padding);
      flex-direction:row;
      padding-bottom:8px;
      justify-content:center;
      border-top-left-radius:var(--s-8);
      border-top-right-radius:var(--s-8);
      border-bottom-left-radius:var(--s-8);
      border-bottom-right-radius:var(--s-8);
    }

    .bwcXnK:hover {
      opacity:0.9;
    }

    .bwcXnK:focus-visible {
      box-shadow:0px 0px 0px 3px #a3a3a380;
    }

    .bwcXnK:disabled {
      cursor:not-allowed;
      opacity:0.5;
    }

    .bwcXnK.loading {
      cursor:not-allowed;
      opacity:0.5;
    }

    .bwcXnK.secondary {
      color:var(--secondary-foreground);
      background:var(--secondary);
    }

    .bwcXnK.destructive {
      color:var(--destructive-foreground);
      background:var(--destructive);
    }

    .bwcXnK.destructive:focus-visible {
      box-shadow:0px 0px 0px 3px #FEF2F233;
    }

    .bwcXnK.outline {
      color:var(--foreground);
      background:var(--background);
      box-shadow:0px 0px 0px 1px var(--neutral-200) inset, 0px 1px 2px 0px #0000000d;
    }

    .bwcXnK.outline:hover {
      background:var(--accent);
    }

    .bwcXnK.ghost {
      color:var(--foreground);
      background:var(--transparent);
    }

    .bwcXnK.ghost:hover {
      background:var(--accent);
    }

    .bwcXnK.link {
      color:var(--primary);
      background:var(--transparent);
    }

    .bwcXnK.link:hover {
      text-decoration-line:underline;
    }

    .btJOGW {
      width:100%;
      height:100%;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .cOOKCz {
      width:110%;
      height:110%;
      animation:1000ms linear 0ms infinite normal none running animation-foovsV;
      align-items:center;
      justify-content:center;
    }

    @keyframes animation-foovsV {
        0% {
          rotate: 0;
        }

        100% {
          rotate: 360deg;
        }
    }

    .telepath_ui\/tui-button\:2qCm_FdUNXHkiuoVDlD44 {
      width:1rem;
      height:1rem;
    }

    .bCiZnb {
      color:inherit;
      font-size:var(--text-5xl);
      text-align:left;
      font-weight:var(--font-bold);
    }

    @media (max-width: 768px) {

    .bCiZnb {
      font-size:var(--font-36);
    }
    }

    .dXktft {
      width:100%;
      height:100%;
      border-top-left-radius:var(--s-16);
      border-top-right-radius:var(--s-16);
      border-bottom-left-radius:var(--s-16);
      border-bottom-right-radius:var(--s-16);
    }

    .chVxJS {
      color:inherit;
      font-size:var(--font-48);
      text-align:center;
      font-weight:var(--w-700);
    }

    @media (max-width: 768px) {

    .chVxJS {
      font-size:var(--font-30);
    }
    }

    .dopVFD {
      gap:var(--space-32);
      width:100%;
      z-index:1;
      max-width:1024px;
      align-items:center;
      flex-direction:row;
      justify-content:start;
    }

    @media (max-width: 928px) {

    .dopVFD {
      flex-direction:column;
    }
    }

    .bLxKYJ {
      color:var(--gray-600, #4b5563);
      display:inline-block;
      text-align:left;
      line-height:var(--space-24);
    }

    .resume\:NPxPxZsNw_dc9wxCf2PKW {
      flex:1;
      row-gap:var(--s-8);
      column-gap:var(--s-8);
    }

    .arJkr {
      gap:var(--space-16);
      flex-direction:row;
    }

    .bTYucu {
      align-items:center;
      justify-content:start;
    }

    .bImRMv {
      gap:var(--space-16);
      display:flex;
      align-items:flex-start;
      justify-content:flex-start;
    }

    .bbipIK {
      color:inherit;
      font-size:var(--font-30);
      text-align:center;
      font-weight:var(--w-600);
    }

    .bonVTf {
      align-items:center;
      justify-content:start;
    }

    .ufSx {
      width:100%;
      align-items:center;
      padding-top:var(--space-32);
      padding-left:var(--space-16);
      padding-right:var(--space-16);
      padding-bottom:var(--space-32);
      justify-content:center;
      background-color:var(--gray-50, #f9fafb);
    }

    @media (max-width: 768px) {
    }

    .euqrrX {
      cursor:pointer;
      padding:8px;
      font-size:0.75rem;
      border-radius:6px;
    }

    .euqrrX:hover {
      background-color:var(--gray-100, #f3f4f6);
    }

    .cHEFA {
      color:var(--gray-900, #111827);
      font-size:var(--font-14);
      font-weight:var(--w-500);
    }

    .bGdYTH {
      width:134px;
      height:28px;
    }

    .bFXDMA {
      color:var(--gray-500, #6b7280);
      font-size:var(--font-12);
      font-family:inherit;
      font-weight:var(--w-500);
    }

    .bhFxe {
      color:var(--gray-500, #6b7280);
      font-size:var(--font-12);
      max-width:100%;
      text-align:center;
      font-family:inherit;
    }

    .fudFIO {
      color:var(--gray-400, #9ca3af);
      width:18px;
      height:18px;
      transition:opacity 300ms ease 0ms normal;
      align-items:center;
      justify-content:center;
    }

    .fudFIO:hover {
      opacity:0.9;
    }

    .dERFMO {
      gap:var(--space-16);
      flex:1;
      z-index:;
      min-width:150px;
    }

    .ffbLhs {
      flex:1;
    }

    .eNLHNk {
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    @media (max-width: 768px) {

    .eNLHNk {
      gap:var(--space-16);
      flex-direction:column;
    }
    }

    .eElNxu {
      gap:var(--space-12);
      align-items:start;
      flex-direction:row;
      justify-content:end;
    }

    .cfqKRN {
      flex-direction:row;
    }

    .fxMzfE {
      align-items:start;
      justify-content:start;
    }

    .bwfGXd {
      display:inline-block;
      font-size:inherit;
    }

    .fkKnKP {
      gap:var(--space-64);
      width:100%;
      display:flex;
      max-width:1024px;
      flex-direction:column;
    }

    .dGJzdr {
      gap:var(--space-32);
      flex-wrap:wrap;
      flex-direction:row;
    }

    .edmwEY {
      left:50%;
      width:50%;
      bottom:0px;
      height:100%;
      display:flex;
      position:absolute;
      align-items:center;
      justify-content:flex-end;
    }

    @media (max-width: 928px) {

    .edmwEY {
      flex:1;
      left:0px;
      right:0px;
      width:100%;
      bottom:0px;
      height:300px;
      display:flex;
      position:absolute;
      max-height:600px;
      object-fit:contain;
      align-items:flex-start;
      justify-content:flex-start;
    }
    }

    .resume\:XrkIXkgb-GGoTK15vYSM7 {
      flex:1;
      row-gap:var(--s-8);
      column-gap:var(--s-8);
    }

    .resume\:XuuNWGxxoaJ-8vXiNPTBC {
      flex:1;
      row-gap:var(--s-8);
      column-gap:var(--s-8);
    }

    .ZIDik {
      width:100%;
      row-gap:var(--s-16);
      column-gap:var(--s-16);
    }

    .buFWWP {
      gap:var(--space-8);
      flex:1;
      max-width:400px;
      align-items:center;
      justify-content:start;
    }

    .cTrDk {
      color:var(--gray-500, #6b7280);
      display:inline-block;
      text-align:left;
      line-height:var(--space-24);
    }

    .MCWiB {
      gap:var(--space-8);
      flex:1;
      display:flex;
      max-width:600px;
      align-items:flex-start;
      justify-content:flex-start;
    }

    .resume\:f6_10R68Fy2jbdaEFGqJt {
      flex:1;
      row-gap:var(--s-8);
      column-gap:var(--s-8);
    }

    .SOsNz {
      font-weight:var(--font-semibold);
    }

    .zMKDF {
      top:0px;
      z-index:var(--z-20);
      position:sticky;
      align-items:center;
      padding-top:var(--space-8);
      padding-left:var(--space-6);
      padding-right:var(--space-6);
      padding-bottom:var(--space-8);
      justify-content:start;
    }

    .chWsZe {
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      opacity:0.25;
      z-index:var(--z-0);
      position:fixed;
      background-color:var(--black, #000000);
    }

    .dofssf {
      width:var(--space-40);
      cursor:pointer;
      height:var(--space-40);
      display:none;
      transition:background-color 300ms ease 0ms normal;
      border-radius:var(--space-64);
    }

    @media (max-width: 768px) {

    .dofssf {
      display:flex;
      align-items:center;
      flex-direction:column;
      justify-content:center;
    }
    }

    .dofssf:hover {
      background-color:var(--gray-100, #f3f4f6);
    }

    .cBEVlQ {
      color:var(--default-link-color, #2463ebff);
      height:var(--32);
      align-items:center;
      flex-direction:row;
      justify-content:start;
    }

    .dYElHa {
      width:var(--width);
      height:var(--height);
      position:fixed;
      pointer-events:none;
    }

    .dYElHa.modal {
      pointer-events:all;
    }

    .eFQaJC {
      top:var(--top);
      left:var(--left);
      position:absolute;
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
      pointer-events:all;
      transform-origin:var(--transform-origin-x) var(--transform-origin-y);
    }

    .eFQaJC:focus {
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
    }

    .eFQaJC.hidden {
      visibility:hidden;
      pointer-events:none;
    }

    .eFQaJC.match-anchor-width {
      width:var(--sc-anchor-width);
    }

    .sparkcore\/sc-dropdown-content\:root:focus {
      outline:none;
    }

    .home-nav\:8RFEmzu14SjQ4MsFuakNT {
      display:flex;
    }

    .deCDhQ.scrolled {
      display:none;
    }

    @media (max-width: 900px) {

    .deCDhQ {
      display:none;
    }
    }

    .dfDqVR {
      cursor:default;
    }

    .dDsCSM {
      cursor:pointer;
      display:flex;
      row-gap:8px;
      column-gap:8px;
      align-items:center;
      padding-top:6px;
      padding-left:8px;
      padding-right:8px;
      flex-direction:row;
      padding-bottom:6px;
      justify-content:center;
      border-top-left-radius:var(--space-6);
      border-top-right-radius:var(--space-6);
      border-bottom-left-radius:var(--space-6);
      border-bottom-right-radius:var(--space-6);
    }

    .dDsCSM:hover {
      background: var(--accent);
    }

    .SkymO {
      font-size:14px;
      font-family:inherit;
      font-weight:inherit;
      line-height:20px;
    }

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

    .cKfRBD {
      width:100%;
      display:flex;
      z-index:var(--z-10);
      position:relative;
      max-width:1024px;
      align-items:center;
      flex-direction:column;
      justify-content:start;
    }

    .cEYpQW {
      background: var(--popover);
      box-shadow:0px 0px 0px 1px var(--border) inset;
      padding-top:4px;
      padding-left:4px;
      padding-right:4px;
      padding-bottom:4px;
      border-top-left-radius:var(--space-8);
      border-top-right-radius:var(--space-8);
      border-bottom-left-radius:var(--space-8);
      border-bottom-right-radius:var(--space-8);
    }

    .telepath_ui\/tui-dropdown-item\:root {
      color:var(--popover-foreground);
      cursor:pointer;
      display:flex;
      row-gap:var(--s-8);
      font-size:var(--text-sm);
      column-gap:var(--s-8);
      align-items:center;
      padding-top:var(--s-6);
      padding-left:var(--s-8);
      padding-right:var(--s-8);
      flex-direction:row;
      padding-bottom:var(--s-6);
      justify-content:flex-start;
      border-top-left-radius:var(--s-6);
      border-top-right-radius:var(--s-6);
      border-bottom-left-radius:var(--s-6);
      border-bottom-right-radius:var(--s-6);
    }

    .telepath_ui\/tui-dropdown-item\:root:hover {
      background:var(--accent);
    }

    .cliZqI {
      color:var(--font-color);
      cursor:pointer;
      height:var(--height);
      display:flex;
      row-gap:8px;
      font-size:var(--font-size);
      background: var(--background-color);
      box-shadow:0px 1px 2px 0px var(--shadow);
      column-gap:8px;
      transition:opacity 300ms ease 0ms normal, background 300ms ease 0ms normal;
      align-items:center;
      font-family:inherit;
      font-weight:var(--w-500);
      line-height:var(--line-height);
      padding-top:8px;
      padding-left:var(--horizontal-padding);
      padding-right:var(--horizontal-padding);
      flex-direction:row;
      padding-bottom:8px;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .cliZqI:hover {
      opacity:0.9;
      background:;
    }

    .cliZqI:focus-visible {
      box-shadow:0px 0px 0px 3px #A3A3A380;
    }

    .cliZqI:disabled {
      cursor:not-allowed;
      opacity:0.5;
    }

    .cliZqI.outline {
      box-shadow:0px 0px 0px 1px var(--input) inset, 0px 1px 2px 0px #0000000d;
    }

    .cliZqI.outline:hover {
      background: #F5F5F5F5;
    }

    .cliZqI.ghost:hover {
      background: var(--accent);
    }

    .cliZqI.link:hover {
      text-decoration:underline;
    }

    .cliZqI.loading {
      opacity:0.5;
    }

    .dUVZId {
      width:16px;
      height:16px;
      animation:1000ms linear 0ms infinite normal none running animation-foovsV;
    }

    .home-nav\:TALfFz8knYP0gAV6HvySU {
      border-top-left-radius:var(--space-64);
      border-top-right-radius:var(--space-64);
      border-bottom-left-radius:var(--space-64);
      border-bottom-right-radius:var(--space-64);
    }

    .feHoem {
      gap:var(--space-4);
      align-items:center;
      margin-left:var(--space-4);
      flex-direction:row;
      justify-content:start;
    }

    .home-nav\:Yh-QsRhc77K115353XgOG {
      background:white;
      box-shadow:0px 2px 4px 0px #00000020;
      padding-top:var(--s-4);
      padding-left:var(--s-4);
      padding-right:var(--s-4);
      padding-bottom:var(--s-4);
      border-top-left-radius:var(--s-6);
      border-top-right-radius:var(--s-6);
      border-bottom-left-radius:var(--s-6);
      border-bottom-right-radius:var(--s-6);
    }

    .dPsZdn {
      display:flex;
      flex-direction:column;
    }

    .foiPlV {
      gap:var(--space-8);
      width:134px;
      align-items:start;
      flex-direction:row;
      justify-content:end;
    }

    .eiGaGU {
      width:100%;
      max-width:100%;
      transition:background-color 500ms ease 0ms , max-width 500ms ease 0ms , margin-top 500ms ease 0ms ;
      align-items:center;
      padding-top:var(--space-6);
      padding-left:var(--space-8);
      border-radius:var(--space-64);
      padding-right:var(--space-8);
      flex-direction:row;
      padding-bottom:var(--space-6);
      justify-content:space-between;
    }

    .eiGaGU.scrolled {
      max-width:768px;
      margin-top:var(--space-16);
      outline-color:var(--gray-200, #e5e7eb);
      outline-style:solid;
      outline-width:1px;
      backdrop-filter:blur(16px);;
      background-color:#f9fafbbf;
    }

    @media (max-width: 768px) {

    .eiGaGU.scrolled {
      margin-top:0px;
      backdrop-filter:none;;
      background-color:var(--gray-50, #f9fafb);
    }
    }

    .cKDcpa {
      width:30px;
      height:28px;
    }

    @media (min-width: 360px) {

    .cKDcpa {
      display:none;
    }
    }

    .home-nav\:mWG1QABHdwVfSRRIokuCa {
      border-top-left-radius:100px;
      border-top-right-radius:100px;
      border-bottom-left-radius:100px;
      border-bottom-right-radius:100px;
    }

    .fcBtuP {
      width:134px;
      height:28px;
    }

    @media (max-width: 360px) {

    .fcBtuP {
      display:none;
    }
    }

    .home-nav\:oQCBwM9OOIVjSzkMNpDE0 {
      border-top-left-radius:100px;
      border-top-right-radius:100px;
      border-bottom-left-radius:100px;
      border-bottom-right-radius:100px;
    }

    .frBjUl {
      display:flex;
      position:relative;
      padding-left:var(--space-8);
      padding-right:var(--space-8);
      flex-direction:row;
    }

    @media (max-width: 768px) {

    .frBjUl {
      display:none;
      position:relative;
    }
    }

    .frBjUl.showMenu {
      gap:var(--space-4);
      top:60px;
      left:8px;
      right:8px;
      width:calc( 100% - 16px);
      display:flex;
      position:fixed;
      margin-top:8px;
      padding-left:var(--space-8);
      border-radius:var(--space-16);
      padding-right:var(--space-8);
      flex-direction:column;
      background-color:var(--white, #ffffff);
    }

    .resume\:hRbMRhIbChy5wy3WcPjME {
      top:0px;
      left:0px;
      right:0px;
      position:fixed;
    }

    .psgsf {
      display:inline;
      font-size:inherit;
    }

    @media (max-width: 768px) {

    .oMRAO {
      width:100%;
    }
    }

    .bRiQqO {
      width:100%;
      display:flex;
      max-width:1024px;
      flex-direction:column;
    }

    .bdFyfy {
      gap:var(--space-16);
      max-width:600px;
      align-items:center;
      justify-content:start;
    }

    .yDFR {
      width:100%;
      background:var(--brand-50);
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      padding-top:var(--s-128);
      padding-left:var(--s-40);
      padding-right:var(--s-40);
      padding-bottom:var(--s-96);
      justify-content:center;
    }

    @media (max-width: 928px) {

    .yDFR {
      padding-top:6rem;
      padding-left:var(--space-16);
      padding-right:var(--space-16);
      padding-bottom:300px;
    }
    }

    .eMcwNh {
      display:inline;
      opacity:0.8;
      font-size:var(--font-14);
      text-align:center;
      font-weight:inherit;
    }

    .GYDsg {
      row-gap:var(--s-24);
      column-gap:var(--s-24);
    }

    .resume\:yZrEdr07pskHTxc8czZxz {
      flex:1;
      row-gap:var(--s-8);
      column-gap:var(--s-8);
    }

    .zQdlp {
      display:inline;
    }

    .eOzpvX {
      gap:var(--space-32);
      flex:1;
      align-items:center;
      justify-content:start;
    }