*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;text-rendering:optimizeSpeed}img,picture,video,canvas{display:block;max-width:100%}svg{line-height:0}input,button,textarea,select{border:none;background-color:inherit;color:inherit;font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit}input:hover,button:hover,textarea:hover,select:hover{cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;font-weight:500}:where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--clr-accent-1);outline-offset:3px}html:focus-within{scroll-behavior:smooth}li{margin-left:var(--spacing-lg)}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--fw-thin: 100;--fw-extra-light: 200;--fw-light: 300;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--fw-black: 900;--ff-headings: "Avenir Next", "Segoe UI", Helvetica, Arial, sans-serif;--ff-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ff-code: "SFMono-Regular", Consolas, "Liberation Mono", monospace;font-size:62.5%;--fs-xs: 1rem;--fs-sm: 1.2rem;--fs-base: 1.6rem;--fs-md: 1.8rem;--fs-lg: 2.4rem;--fs-xl: 3.2rem;--fs-2xl: 4rem;--fs-3xl: 4.8rem}body{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;font-size:var(--fs-base);font-family:var(--ff-body);font-weight:var(--fw-normal);font-synthesis:none;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--ff-headings)}code{font-family:var(--ff-code);font-size:var(--fs-sm)}.content>h1,.content>h2,.content>h3,.content>h4,.content>h5,.content>h6{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xs)}.content>p{margin-bottom:var(--spacing-lg);line-height:1.8}:where(h2,h3,h4,h5,h6) .icon-link{position:relative}:where(h2,h3,h4,h5,h6) .icon-link:before{content:"#";font-family:var(--ff-sans);font-size:inherit;position:absolute;left:1ch;top:0;line-height:1;opacity:0;text-decoration:none;color:var(--txt-muted)}:where(h2,h3,h4,h5,h6):hover .icon-link:before{opacity:1}@media (prefers-color-scheme: dark){body[data-theme=system]{--clr-accent-1: hsl(40, 97%, 54%);--clr-txt-primary-on-bg-accent-1: hsl(210, 11%, 11%);--clr-error: hsl(0, 86%, 44%);--clr-ok: hsl(142, 72%, 29%);--clr-info: hsl(221, 83%, 53%);--clr-warning: hsl(41, 96%, 40%);--bg-warning: hsla(41, 96%, 40%, .36);--bg-overlay: rgba(255, 255, 255, .1);--clr-accent: #be1e2d;--clr-bg-accent: #be1e2d;--clr-txt-primary-on-bg-accent: #fafafa;--clr-bg-primary: hsl(0, 0%, 9%);--clr-bg-primary-alpha: hsla(0, 0%, 7%, .6);--clr-txt-primary-on-bg-primary: hsl(0, 0%, 100%);--clr-txt-secondary-on-bg-primary: hsl(0, 0%, 90%);--clr-txt-tertiary-on-bg-primary: hsl(0, 0%, 80%);--clr-txt-error-on-bg-primary: var(--clr-error);--clr-txt-success-on-bg-primary: var(--clr-ok);--clr-txt-warning-on-bg-primary: var(--clr-warning);--clr-txt-info-on-bg-primary: var(--clr-info);--clr-divider-primary-on-bg-primary: hsl(0, 0%, 88%);--clr-divider-secondary-on-bg-primary: hsl(0, 0%, 66%);--clr-divider-tertiary-on-bg-primary: hsl(0, 0%, 44%);--clr-bg-secondary: hsl(0, 0%, 14%);--clr-txt-primary-on-bg-secondary: hsl(0, 0%, 100%);--clr-txt-secondary-on-bg-secondary: hsl(0, 0%, 90%);--clr-txt-tertiary-on-bg-secondary: hsl(0, 0%, 80%);--clr-txt-error-on-bg-secondary: var(--clr-error);--clr-txt-success-on-bg-secondary: var(--clr-ok);--clr-txt-warning-on-bg-secondary: var(--clr-warning);--clr-txt-info-on-bg-secondary: var(--clr-info);--clr-divider-primary-on-bg-secondary: hsl(0, 0%, 30%);--clr-divider-secondary-on-bg-secondary: hsl(0, 0%, 25%);--clr-divider-tertiary-on-bg-secondary: hsl(0, 0%, 20%);--clr-bg-tertiary: hsl(0, 0%, 18%);--clr-txt-primary-on-bg-tertiary: hsl(0, 0%, 100%);--clr-txt-secondary-on-bg-tertiary: hsl(0, 0%, 90%);--clr-txt-tertiary-on-bg-tertiary: hsl(0, 0%, 80%);--clr-txt-error-on-bg-tertiary: var(--clr-error);--clr-txt-success-on-bg-tertiary: var(--clr-ok);--clr-txt-warning-on-bg-tertiary: var(--clr-warning);--clr-txt-info-on-bg-tertiary: var(--clr-info);--clr-divider-primary-on-bg-tertiary: hsl(0, 0%, 28%);--clr-divider-secondary-on-bg-tertiary: hsl(0, 0%, 24%);--clr-divider-tertiary-on-bg-tertiary: hsl(0, 0%, 20%);--clr-btn-bg-primary: var(--clr-accent-1);--clr-txt-primary-on-btn-bg-primary: var(--clr-txt-primary-on-bg-accent-1);--clr-txt-secondary-on-btn-bg-primary: hsl(0, 0%, 40%);--clr-btn-bg-secondary: hsl(0, 0%, 22%);--clr-btn-bg-secondary-hover: hsl(0, 0%, 28%);--clr-txt-primary-on-btn-bg-secondary: hsl(0, 0%, 100%);--clr-txt-secondary-on-btn-bg-secondary: hsl(0, 0%, 70%);--clr-bg-error: hsla(0, 86%, 44%, .15);--clr-txt-primary-on-bg-error: var(--clr-error);--clr-txt-secondary-on-bg-error: hsl(0, 86%, 80%);--clr-txt-tertiary-on-bg-error: hsl(0, 86%, 70%);--clr-divider-primary-on-bg-error: var(--clr-error);--clr-divider-secondary-on-bg-error: hsl(0, 86%, 35%);--clr-divider-tertiary-on-bg-error: hsl(0, 86%, 30%);--clr-bg-success: hsla(142, 72%, 29%, .15);--clr-txt-primary-on-bg-success: var(--clr-ok);--clr-txt-secondary-on-bg-success: hsl(142, 72%, 70%);--clr-txt-tertiary-on-bg-success: hsl(142, 72%, 60%);--clr-divider-primary-on-bg-success: var(--clr-ok);--clr-divider-secondary-on-bg-success: hsl(142, 72%, 25%);--clr-divider-tertiary-on-bg-success: hsl(142, 72%, 20%);--clr-bg-info: hsla(221, 83%, 53%, .15);--clr-txt-primary-on-bg-info: var(--clr-info);--clr-txt-secondary-on-bg-info: hsl(221, 83%, 80%);--clr-txt-tertiary-on-bg-info: hsl(221, 83%, 70%);--clr-divider-primary-on-bg-info: var(--clr-info);--clr-divider-secondary-on-bg-info: hsl(221, 83%, 45%);--clr-divider-tertiary-on-bg-info: hsl(221, 83%, 40%);--clr-shadow: hsla(0, 0%, 25%, .4);--clr-accent-shadow: hsla(40, 97%, 54%, .4);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px var(--clr-shadow), 0 2px 4px -2px var(--clr-shadow);--shadow-lg: 0 10px 15px -3px var(--clr-shadow), 0 4px 6px -4px var(--clr-shadow);--shadow-xl: 0 20px 25px -5px var(--clr-shadow), 0 8px 10px -6px var(--clr-shadow);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25)}}@media (prefers-color-scheme: light){body[data-theme=system]{--clr-accent-1: #f0ae0f;--clr-error: hsl(0, 86%, 44%);--clr-ok: hsl(142, 72%, 29%);--clr-info: hsl(221, 83%, 53%);--clr-warning: hsl(41, 96%, 40%);--bg-warning: hsla(41, 96%, 40%, .36);--bg-overlay: rgba(255, 255, 255, .1);--clr-accent: #be1e2d;--clr-bg-accent: #be1e2d;--clr-txt-primary-on-bg-accent: #fafafa;--clr-bg-primary: hsl(210, 10%, 98%);--clr-bg-primary-alpha: hsla(210, 10%, 98%, .88);--clr-txt-primary-on-bg-primary: hsl(210, 8%, 10%);--clr-txt-secondary-on-bg-primary: hsl(210, 8%, 25%);--clr-txt-tertiary-on-bg-primary: hsl(210, 8%, 45%);--clr-txt-error-on-bg-primary: var(--clr-error);--clr-txt-success-on-bg-primary: var(--clr-ok);--clr-txt-warning-on-bg-primary: var(--clr-warning);--clr-txt-info-on-bg-primary: var(--clr-info);--clr-divider-primary-on-bg-primary: hsl(0, 0%, 16%);--clr-divider-secondary-on-bg-primary: hsl(0, 0%, 32%);--clr-divider-tertiary-on-bg-primary: hsl(0, 0%, 40%);--clr-bg-secondary: hsl(210, 10%, 95%);--clr-txt-primary-on-bg-secondary: hsl(210, 8%, 10%);--clr-txt-secondary-on-bg-secondary: hsl(210, 8%, 25%);--clr-txt-tertiary-on-bg-secondary: hsl(210, 8%, 45%);--clr-txt-error-on-bg-secondary: var(--clr-error);--clr-txt-success-on-bg-secondary: var(--clr-ok);--clr-txt-warning-on-bg-secondary: var(--clr-warning);--clr-txt-info-on-bg-secondary: var(--clr-info);--clr-divider-primary-on-bg-secondary: hsl(210, 5%, 80%);--clr-divider-secondary-on-bg-secondary: hsl(210, 5%, 70%);--clr-divider-tertiary-on-bg-secondary: hsl(210, 5%, 60%);--clr-bg-tertiary: hsl(210, 10%, 90%);--clr-txt-primary-on-bg-tertiary: hsl(210, 8%, 10%);--clr-txt-secondary-on-bg-tertiary: hsl(210, 8%, 25%);--clr-txt-tertiary-on-bg-tertiary: hsl(210, 8%, 45%);--clr-txt-error-on-bg-tertiary: var(--clr-error);--clr-txt-success-on-bg-tertiary: var(--clr-ok);--clr-txt-warning-on-bg-tertiary: var(--clr-warning);--clr-txt-info-on-bg-tertiary: var(--clr-info);--clr-divider-primary-on-bg-tertiary: hsl(0, 0%, 29%);--clr-divider-secondary-on-bg-tertiary: hsl(0, 0%, 20%);--clr-divider-tertiary-on-bg-tertiary: hsl(0, 0%, 16%);--clr-btn-bg-primary: var(--clr-accent-1);--clr-txt-primary-on-btn-bg-primary: hsl(210, 11%, 11%);--clr-txt-secondary-on-btn-bg-primary: hsl(0, 0%, 30%);--clr-btn-bg-secondary: hsl(210, 10%, 85%);--clr-btn-bg-secondary-hover: var( --clr-bg-tertiary );--clr-txt-primary-on-btn-bg-secondary: hsl(210, 8%, 10%);--clr-txt-secondary-on-btn-bg-secondary: hsl(210, 8%, 50%);--clr-bg-error: hsla(0, 86%, 44%, .15);--clr-txt-primary-on-bg-error: var(--clr-error);--clr-txt-secondary-on-bg-error: hsl(0, 86%, 35%);--clr-txt-tertiary-on-bg-error: hsl(0, 86%, 25%);--clr-divider-primary-on-bg-error: var(--clr-error);--clr-divider-secondary-on-bg-error: hsl(0, 86%, 35%);--clr-divider-tertiary-on-bg-error: hsl(0, 86%, 30%);--clr-bg-success: hsla(142, 72%, 29%, .15);--clr-txt-primary-on-bg-success: var(--clr-ok);--clr-txt-secondary-on-bg-success: hsl(142, 72%, 40%);--clr-txt-tertiary-on-bg-success: hsl(142, 72%, 30%);--clr-divider-primary-on-bg-success: var(--clr-ok);--clr-divider-secondary-on-bg-success: hsl(142, 72%, 25%);--clr-divider-tertiary-on-bg-success: hsl(142, 72%, 20%);--clr-bg-info: hsla(221, 83%, 53%, .15);--clr-txt-primary-on-bg-info: var(--clr-info);--clr-txt-secondary-on-bg-info: hsl(221, 83%, 40%);--clr-txt-tertiary-on-bg-info: hsl(221, 83%, 30%);--clr-divider-primary-on-bg-info: var(--clr-info);--clr-divider-secondary-on-bg-info: hsl(221, 83%, 45%);--clr-divider-tertiary-on-bg-info: hsl(221, 83%, 40%);--clr-shadow: hsla(0, 0%, 0%, .08);--clr-accent-shadow: hsla(40, 97%, 54%, .25);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px var(--clr-shadow), 0 2px 4px -2px var(--clr-shadow);--shadow-lg: 0 10px 15px -3px var(--clr-shadow), 0 4px 6px -4px var(--clr-shadow);--shadow-xl: 0 20px 25px -5px var(--clr-shadow), 0 8px 10px -6px var(--clr-shadow);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25)}}body[data-theme=dark]{--clr-accent-1: hsl(40, 97%, 54%);--clr-txt-primary-on-bg-accent-1: hsl(210, 11%, 11%);--clr-error: hsl(0, 86%, 44%);--clr-ok: hsl(142, 72%, 29%);--clr-info: hsl(221, 83%, 53%);--clr-warning: hsl(41, 96%, 40%);--bg-warning: hsla(41, 96%, 40%, .36);--bg-overlay: rgba(255, 255, 255, .1);--clr-accent: #be1e2d;--clr-bg-accent: #be1e2d;--clr-txt-primary-on-bg-accent: #fafafa;--clr-bg-primary: hsl(0, 0%, 9%);--clr-bg-primary-alpha: hsla(0, 0%, 7%, .6);--clr-txt-primary-on-bg-primary: hsl(0, 0%, 100%);--clr-txt-secondary-on-bg-primary: hsl(0, 0%, 90%);--clr-txt-tertiary-on-bg-primary: hsl(0, 0%, 80%);--clr-txt-error-on-bg-primary: var(--clr-error);--clr-txt-success-on-bg-primary: var(--clr-ok);--clr-txt-warning-on-bg-primary: var(--clr-warning);--clr-txt-info-on-bg-primary: var(--clr-info);--clr-divider-primary-on-bg-primary: hsl(0, 0%, 88%);--clr-divider-secondary-on-bg-primary: hsl(0, 0%, 66%);--clr-divider-tertiary-on-bg-primary: hsl(0, 0%, 44%);--clr-bg-secondary: hsl(0, 0%, 14%);--clr-txt-primary-on-bg-secondary: hsl(0, 0%, 100%);--clr-txt-secondary-on-bg-secondary: hsl(0, 0%, 90%);--clr-txt-tertiary-on-bg-secondary: hsl(0, 0%, 80%);--clr-txt-error-on-bg-secondary: var(--clr-error);--clr-txt-success-on-bg-secondary: var(--clr-ok);--clr-txt-warning-on-bg-secondary: var(--clr-warning);--clr-txt-info-on-bg-secondary: var(--clr-info);--clr-divider-primary-on-bg-secondary: hsl(0, 0%, 30%);--clr-divider-secondary-on-bg-secondary: hsl(0, 0%, 25%);--clr-divider-tertiary-on-bg-secondary: hsl(0, 0%, 20%);--clr-bg-tertiary: hsl(0, 0%, 18%);--clr-txt-primary-on-bg-tertiary: hsl(0, 0%, 100%);--clr-txt-secondary-on-bg-tertiary: hsl(0, 0%, 90%);--clr-txt-tertiary-on-bg-tertiary: hsl(0, 0%, 80%);--clr-txt-error-on-bg-tertiary: var(--clr-error);--clr-txt-success-on-bg-tertiary: var(--clr-ok);--clr-txt-warning-on-bg-tertiary: var(--clr-warning);--clr-txt-info-on-bg-tertiary: var(--clr-info);--clr-divider-primary-on-bg-tertiary: hsl(0, 0%, 28%);--clr-divider-secondary-on-bg-tertiary: hsl(0, 0%, 24%);--clr-divider-tertiary-on-bg-tertiary: hsl(0, 0%, 20%);--clr-btn-bg-primary: var(--clr-accent-1);--clr-txt-primary-on-btn-bg-primary: var(--clr-txt-primary-on-bg-accent-1);--clr-txt-secondary-on-btn-bg-primary: hsl(0, 0%, 40%);--clr-btn-bg-secondary: hsl(0, 0%, 22%);--clr-btn-bg-secondary-hover: hsl(0, 0%, 28%);--clr-txt-primary-on-btn-bg-secondary: hsl(0, 0%, 100%);--clr-txt-secondary-on-btn-bg-secondary: hsl(0, 0%, 70%);--clr-bg-error: hsla(0, 86%, 44%, .15);--clr-txt-primary-on-bg-error: var(--clr-error);--clr-txt-secondary-on-bg-error: hsl(0, 86%, 80%);--clr-txt-tertiary-on-bg-error: hsl(0, 86%, 70%);--clr-divider-primary-on-bg-error: var(--clr-error);--clr-divider-secondary-on-bg-error: hsl(0, 86%, 35%);--clr-divider-tertiary-on-bg-error: hsl(0, 86%, 30%);--clr-bg-success: hsla(142, 72%, 29%, .15);--clr-txt-primary-on-bg-success: var(--clr-ok);--clr-txt-secondary-on-bg-success: hsl(142, 72%, 70%);--clr-txt-tertiary-on-bg-success: hsl(142, 72%, 60%);--clr-divider-primary-on-bg-success: var(--clr-ok);--clr-divider-secondary-on-bg-success: hsl(142, 72%, 25%);--clr-divider-tertiary-on-bg-success: hsl(142, 72%, 20%);--clr-bg-info: hsla(221, 83%, 53%, .15);--clr-txt-primary-on-bg-info: var(--clr-info);--clr-txt-secondary-on-bg-info: hsl(221, 83%, 80%);--clr-txt-tertiary-on-bg-info: hsl(221, 83%, 70%);--clr-divider-primary-on-bg-info: var(--clr-info);--clr-divider-secondary-on-bg-info: hsl(221, 83%, 45%);--clr-divider-tertiary-on-bg-info: hsl(221, 83%, 40%);--clr-shadow: hsla(0, 0%, 25%, .4);--clr-accent-shadow: hsla(40, 97%, 54%, .4);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px var(--clr-shadow), 0 2px 4px -2px var(--clr-shadow);--shadow-lg: 0 10px 15px -3px var(--clr-shadow), 0 4px 6px -4px var(--clr-shadow);--shadow-xl: 0 20px 25px -5px var(--clr-shadow), 0 8px 10px -6px var(--clr-shadow);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25)}body[data-theme=light]{--clr-accent-1: #f0ae0f;--clr-error: hsl(0, 86%, 44%);--clr-ok: hsl(142, 72%, 29%);--clr-info: hsl(221, 83%, 53%);--clr-warning: hsl(41, 96%, 40%);--bg-warning: hsla(41, 96%, 40%, .36);--bg-overlay: rgba(255, 255, 255, .1);--clr-accent: #be1e2d;--clr-bg-accent: #be1e2d;--clr-txt-primary-on-bg-accent: #fafafa;--clr-bg-primary: hsl(210, 10%, 98%);--clr-bg-primary-alpha: hsla(210, 10%, 98%, .88);--clr-txt-primary-on-bg-primary: hsl(210, 8%, 10%);--clr-txt-secondary-on-bg-primary: hsl(210, 8%, 25%);--clr-txt-tertiary-on-bg-primary: hsl(210, 8%, 45%);--clr-txt-error-on-bg-primary: var(--clr-error);--clr-txt-success-on-bg-primary: var(--clr-ok);--clr-txt-warning-on-bg-primary: var(--clr-warning);--clr-txt-info-on-bg-primary: var(--clr-info);--clr-divider-primary-on-bg-primary: hsl(0, 0%, 16%);--clr-divider-secondary-on-bg-primary: hsl(0, 0%, 32%);--clr-divider-tertiary-on-bg-primary: hsl(0, 0%, 40%);--clr-bg-secondary: hsl(210, 10%, 95%);--clr-txt-primary-on-bg-secondary: hsl(210, 8%, 10%);--clr-txt-secondary-on-bg-secondary: hsl(210, 8%, 25%);--clr-txt-tertiary-on-bg-secondary: hsl(210, 8%, 45%);--clr-txt-error-on-bg-secondary: var(--clr-error);--clr-txt-success-on-bg-secondary: var(--clr-ok);--clr-txt-warning-on-bg-secondary: var(--clr-warning);--clr-txt-info-on-bg-secondary: var(--clr-info);--clr-divider-primary-on-bg-secondary: hsl(210, 5%, 80%);--clr-divider-secondary-on-bg-secondary: hsl(210, 5%, 70%);--clr-divider-tertiary-on-bg-secondary: hsl(210, 5%, 60%);--clr-bg-tertiary: hsl(210, 10%, 90%);--clr-txt-primary-on-bg-tertiary: hsl(210, 8%, 10%);--clr-txt-secondary-on-bg-tertiary: hsl(210, 8%, 25%);--clr-txt-tertiary-on-bg-tertiary: hsl(210, 8%, 45%);--clr-txt-error-on-bg-tertiary: var(--clr-error);--clr-txt-success-on-bg-tertiary: var(--clr-ok);--clr-txt-warning-on-bg-tertiary: var(--clr-warning);--clr-txt-info-on-bg-tertiary: var(--clr-info);--clr-divider-primary-on-bg-tertiary: hsl(0, 0%, 29%);--clr-divider-secondary-on-bg-tertiary: hsl(0, 0%, 20%);--clr-divider-tertiary-on-bg-tertiary: hsl(0, 0%, 16%);--clr-btn-bg-primary: var(--clr-accent-1);--clr-txt-primary-on-btn-bg-primary: hsl(210, 11%, 11%);--clr-txt-secondary-on-btn-bg-primary: hsl(0, 0%, 30%);--clr-btn-bg-secondary: hsl(210, 10%, 85%);--clr-btn-bg-secondary-hover: var( --clr-bg-tertiary );--clr-txt-primary-on-btn-bg-secondary: hsl(210, 8%, 10%);--clr-txt-secondary-on-btn-bg-secondary: hsl(210, 8%, 50%);--clr-bg-error: hsla(0, 86%, 44%, .15);--clr-txt-primary-on-bg-error: var(--clr-error);--clr-txt-secondary-on-bg-error: hsl(0, 86%, 35%);--clr-txt-tertiary-on-bg-error: hsl(0, 86%, 25%);--clr-divider-primary-on-bg-error: var(--clr-error);--clr-divider-secondary-on-bg-error: hsl(0, 86%, 35%);--clr-divider-tertiary-on-bg-error: hsl(0, 86%, 30%);--clr-bg-success: hsla(142, 72%, 29%, .15);--clr-txt-primary-on-bg-success: var(--clr-ok);--clr-txt-secondary-on-bg-success: hsl(142, 72%, 40%);--clr-txt-tertiary-on-bg-success: hsl(142, 72%, 30%);--clr-divider-primary-on-bg-success: var(--clr-ok);--clr-divider-secondary-on-bg-success: hsl(142, 72%, 25%);--clr-divider-tertiary-on-bg-success: hsl(142, 72%, 20%);--clr-bg-info: hsla(221, 83%, 53%, .15);--clr-txt-primary-on-bg-info: var(--clr-info);--clr-txt-secondary-on-bg-info: hsl(221, 83%, 40%);--clr-txt-tertiary-on-bg-info: hsl(221, 83%, 30%);--clr-divider-primary-on-bg-info: var(--clr-info);--clr-divider-secondary-on-bg-info: hsl(221, 83%, 45%);--clr-divider-tertiary-on-bg-info: hsl(221, 83%, 40%);--clr-shadow: hsla(0, 0%, 0%, .08);--clr-accent-shadow: hsla(40, 97%, 54%, .25);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px var(--clr-shadow), 0 2px 4px -2px var(--clr-shadow);--shadow-lg: 0 10px 15px -3px var(--clr-shadow), 0 4px 6px -4px var(--clr-shadow);--shadow-xl: 0 20px 25px -5px var(--clr-shadow), 0 8px 10px -6px var(--clr-shadow);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25)}body{background-color:var(--clr-bg-primary);color:var(--clr-txt-secondary-on-bg-primary)}.btn{display:inline-flex;text-decoration:none;align-items:center;justify-content:center;border-radius:var(--radius-xs);font-size:var(--fs-sm);font-weight:var(--fw-semibold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-sm) 0}.btn:active{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transform:scale(.95)}.btn .w-fit-content{width:fit-content}.btn.primary,.btn.btn-primary{background-color:var(--clr-btn-bg-primary);color:var(--clr-txt-primary-on-btn-bg-primary)}.btn.secondary,.btn.btn-secondary{width:100%;background-color:var(--clr-btn-bg-secondary);color:var(--clr-txt-primary-on-btn-bg-secondary)}.btn .icon{font-size:var(--fs-md);line-height:1}.btn.fab{position:fixed;bottom:var(--spacing-7xl);right:var(--spacing-md);width:fit-content;background-color:var(--clr-btn-bg-secondary);color:var(--clr-txt-primary-on-btn-bg-secondary);padding:var(--spacing-md) var(--spacing-md)}.btn.fab-2{position:fixed;bottom:var(--spacing-7xl);right:var(--spacing-md);width:fit-content;background-color:var(--clr-btn-bg-secondary);color:var(--clr-txt-primary-on-btn-bg-secondary);padding:var(--spacing-md) var(--spacing-md);display:flex;align-items:center;justify-content:center;line-height:1;border-radius:50%}.btn.block{width:fit-content}.code-header{display:flex;align-items:center;gap:var(--spacing-sm);background-color:#22272e;color:#e8e8e8;width:fit-content;padding:var(--spacing-sm) var(--spacing-md);line-height:1;border-top-left-radius:var(--radius-xxs);border-top-right-radius:var(--radius-xxs);box-shadow:var(--shadow-md)}.code-header__icon{font-size:var(--fs-lg)}.code-header__icon.html{color:#e44d26}.code-header__icon.css{color:#264de4}.code-header__icon .scss{color:#c69}.code-header__icon.javascript{color:#f0db4f}.code-header__icon.svelte{color:#ff3e00}.code-header__icon.python{color:#3879ab}.code-header__filename{font-weight:var(--fw-medium)}pre.shiki{border-top-right-radius:var(--radius-xxs);border-bottom-left-radius:var(--radius-xxs);border-bottom-right-radius:var(--radius-xxs);padding:var(--spacing-md) var(--spacing-sm);margin:0;margin-bottom:var(--spacing-md);box-shadow:var(--shadow-md);overflow-x:auto;-moz-tab-size:2;tab-size:2;font-family:var(--ff-code);font-size:var(--fs-sm)}pre.shiki .rehype-code-title{display:flex;justify-content:space-between;padding:var(--spacing-16) var(--spacing-24);font-size:var(--post-txt-size);color:var(--clr-code-title);background-color:var(--clr-code-title-bg);border-top:1px solid var(--clr-code-border);border-left:1px solid var(--clr-code-border);border-bottom:none;border-top-left-radius:var(--rounded-20);border-top-right-radius:var(--rounded-20)}pre.shiki code{counter-reset:step;counter-increment:step 1;line-height:1.2}:root{--z-loader: 1000;--z-fixed-header: 900;--z-mobile-nav: 800;--z-mobile-nav-underlay: 700;--z-page-hero-content: 300;--z-page-hero-overlay: 200;--z-page-hero-image: 100;--header-height: 60px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 48px;--spacing-4xl: 56px;--spacing-5xl: 64px;--spacing-6xl: 72px;--spacing-7xl: 80px;--spacing-8xl: 88px;--spacing-9xl: 96px;--spacing-10xl: 108px;--spacing-11xl: 124px;--spacing-12xl: 136px;--spacing-13xl: 148px;--spacing-14xl: 156px;--spacing-15xl: 172px;--spacing-16xl: 196px;--radius-xxs: 4px;--radius-xs: 8px;--radius-sm: 16px;--radius-base: 24px;--radius-md: 32px;--radius-lg: 40px;--radius-xl: 48px;--animation-timing-fn-linear-curve: cubic-bezier(0, 0, 1, 1);--animation-timing-fn-ease-in-curve: cubic-bezier(.8, .2, .6, 1);--animation-timing-fn-ease-out-curve: cubic-bezier(.2, .8, .4, 1);--animation-timing-fn-ease-in-out-curve: cubic-bezier(.4, 0, .2, 1);--animation-speed-slow: .6s;--animation-speed-normal: .4s;--animation-speed-fast: .2s;--animation-fn-ease: cubic-bezier(.25, .1, .25, 1);--animation-fn-ease-in: cubic-bezier(.42, 0, 1, 1);--animation-fn-ease-out: cubic-bezier(.19, .91, .38, 1);--animation-fn-ease-in-out: cubic-bezier(.42, 0, .58, 1);--animation-fn-linear: cubic-bezier(0, 0, 1, 1);--animation-duration-0: 0ms;--animation-duration-50: 50ms;--animation-duration-100: .1s;--animation-duration-150: .15s;--animation-duration-200: .2s;--animation-duration-250: .25s;--animation-duration-300: .3s;--animation-duration-350: .35s;--animation-duration-400: .4s;--animation-duration-450: .45s;--animation-duration-500: .5s}.tag{width:fit-content;font-size:var(--fs-sm);font-weight:600;line-height:1;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xxs);box-shadow:var(--shadow-sm)}.tag-html{background-color:#e44d26;color:#fff}.tag-css{background-color:#264de4;color:#fff}.tag-scss{background-color:#c69;color:#fff}.tag-javascript{background:#f0db4f;color:#000}.tag-linux{background:#f0c54f;color:#000}.tag-typescript{background:#2775c3;color:#fff}.tag-python{color:#ffda5d;background:#3879ab}.tag-svelte,.tag-sveltekit{color:#fff;background:#ff3e00}.tag-node{background:#90c53f;color:#46483d}.tag-angular,.tag-nestjs{background:#dc0530;color:#fff}.tag-ai{background-color:#0c0c0c;color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{width:min(1180px,100% - 40px);margin-inline:auto}.section{padding-block:clamp(64px,9vw,112px)}.section-header{max-width:680px;margin-bottom:var(--spacing-3xl)}.section-header h2{font-size:clamp(var(--fs-xl),4vw,var(--fs-2xl));line-height:1.15;color:var(--clr-txt-primary-on-bg-primary);margin-bottom:var(--spacing-sm)}.eyebrow{display:inline-block;color:var(--clr-accent-1);font-size:var(--fs-sm);font-weight:var(--fw-bold);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--spacing-sm)}.aspect-ratio-16x9{width:100%;padding-bottom:56.25%;position:relative;overflow:hidden;z-index:10}.aspect-ratio-16x9 img{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0}.aspect-ratio-4x3{width:100%;padding-bottom:66.67%;position:relative;overflow:hidden}.aspect-ratio-4x3 img{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0}a.svelte-udnsmr{text-decoration:none;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--clr-txt-secondary-on-bg-primary);transition:color var(--animation-speed-fast) ease}a.svelte-udnsmr:hover{color:var(--clr-txt-primary-on-bg-primary)}a.active.svelte-udnsmr{color:var(--clr-accent-1)}.skip-link.svelte-1wns37b{position:fixed;top:var(--spacing-sm);left:var(--spacing-sm);z-index:9999;padding:var(--spacing-sm) var(--spacing-md);background:var(--clr-accent-1);color:var(--clr-txt-primary-on-btn-bg-primary);transform:translateY(-160%)}.skip-link.svelte-1wns37b:focus{transform:translateY(0)}.header.svelte-1wns37b{display:flex;align-items:center;justify-content:space-between;height:72px;padding:10px 12px;position:fixed;z-index:1800;top:12px;left:50%;transform:translate(-50%);background-color:var(--clr-bg-primary-alpha);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(1180px,100% - 24px);border-radius:999px;box-shadow:var(--shadow-md);border:1px solid var(--clr-divider-tertiary-on-bg-primary)}.header__logo.svelte-1wns37b{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;font-weight:var(--fw-bold);color:var(--clr-txt-primary-on-bg-primary)}.header__logo.svelte-1wns37b img:where(.svelte-1wns37b){border-radius:50%}.header__logo.svelte-1wns37b span:where(.svelte-1wns37b){display:none}@media (min-width: 768px){.header__logo.svelte-1wns37b span:where(.svelte-1wns37b){display:inline}}.header__desktop-nav.svelte-1wns37b,.header__cta.svelte-1wns37b{display:none}@media (min-width: 1024px){.header.svelte-1wns37b{padding-inline:var(--spacing-md)}.header__desktop-nav.svelte-1wns37b{display:flex;align-items:center;gap:var(--spacing-xl)}.header__cta.svelte-1wns37b{display:inline-flex;border-radius:999px}}.header__burger.svelte-1wns37b{height:48px;width:48px;border-radius:50%;border:1px solid var(--clr-divider-tertiary-on-bg-primary);display:grid;place-items:center;font-size:var(--fs-lg)}@media (min-width: 1024px){.header__burger.svelte-1wns37b{display:none}}.mobile-nav.svelte-1wns37b{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);position:fixed;z-index:1900;top:92px;left:12px;width:calc(100% - 24px);background-color:var(--clr-bg-primary-alpha);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:var(--spacing-xl);border-radius:var(--radius-base);border:1px solid var(--clr-divider-tertiary-on-bg-primary);box-shadow:var(--shadow-lg)}.mobile-nav__cta.svelte-1wns37b{width:100%}@media (min-width: 1024px){.mobile-nav.svelte-1wns37b{display:none}}.main.svelte-1wns37b{padding-top:96px;min-height:70vh}.footer.svelte-1wns37b{padding:var(--spacing-xl) max(20px,(100% - 1180px) / 2) var(--spacing-lg);background:var(--clr-bg-secondary);border-top:1px solid var(--clr-divider-primary-on-bg-secondary)}.footer__shell.svelte-1wns37b{max-width:1180px;margin-inline:auto}.footer__cta.svelte-1wns37b{display:grid;align-items:end;gap:var(--spacing-2xl);position:relative;overflow:hidden;padding:clamp(28px,5vw,56px);background:var(--clr-bg-primary);border:1px solid var(--clr-divider-tertiary-on-bg-primary);border-radius:var(--radius-base);box-shadow:inset 4px 0 0 var(--clr-accent-1)}@media (min-width: 768px){.footer__cta.svelte-1wns37b{grid-template-columns:minmax(0,1fr) auto}}.footer__cta.svelte-1wns37b>div:where(.svelte-1wns37b){max-width:780px}.footer__cta.svelte-1wns37b h2:where(.svelte-1wns37b){font-size:clamp(var(--fs-xl),4vw,4.8rem);line-height:1.1;letter-spacing:-.025em;color:var(--clr-txt-primary-on-bg-primary);margin-bottom:var(--spacing-sm)}.footer__availability.svelte-1wns37b{display:flex;align-items:center;gap:var(--spacing-sm);width:fit-content;font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--spacing-md)}.footer__availability.svelte-1wns37b span:where(.svelte-1wns37b){width:8px;height:8px;background:var(--clr-ok);border-radius:50%;box-shadow:0 0 0 4px var(--clr-bg-success)}.footer__cta-button.svelte-1wns37b{width:fit-content;white-space:nowrap;padding:14px 20px}.footer__main.svelte-1wns37b{display:grid;gap:var(--spacing-2xl);padding-block:var(--spacing-3xl)}@media (min-width: 768px){.footer__main.svelte-1wns37b{grid-template-columns:minmax(300px,1.8fr) repeat(2,minmax(140px,.6fr))}}.footer__brand.svelte-1wns37b{max-width:460px}.footer__brand.svelte-1wns37b>p:where(.svelte-1wns37b):not(.footer__location){margin-block:var(--spacing-md)}.footer__identity.svelte-1wns37b{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-family:var(--ff-headings);font-size:var(--fs-md);font-weight:var(--fw-bold);text-decoration:none;color:var(--clr-txt-primary-on-bg-secondary)}.footer__identity.svelte-1wns37b img:where(.svelte-1wns37b){border-radius:50%}.footer__location.svelte-1wns37b{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--fs-sm)}.footer__links.svelte-1wns37b{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.footer__links.svelte-1wns37b p:where(.svelte-1wns37b){font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--clr-txt-primary-on-bg-secondary);margin-bottom:var(--spacing-sm)}.footer__links.svelte-1wns37b a:where(.svelte-1wns37b){display:inline-flex;align-items:center;gap:var(--spacing-xs);text-decoration:none;font-size:var(--fs-sm)}.footer__links.svelte-1wns37b a:where(.svelte-1wns37b):hover{color:var(--clr-accent-1)}.footer__links.svelte-1wns37b a:where(.svelte-1wns37b) i:where(.svelte-1wns37b){font-size:var(--fs-base)}.footer__bottom.svelte-1wns37b{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md) var(--spacing-xl);font-size:var(--fs-sm);padding-top:var(--spacing-lg);border-top:1px solid var(--clr-divider-primary-on-bg-secondary)}.footer__utilities.svelte-1wns37b,.footer__theme.svelte-1wns37b{display:flex;align-items:center;gap:var(--spacing-md)}.footer__utilities.svelte-1wns37b>a:where(.svelte-1wns37b){display:inline-flex;align-items:center;gap:var(--spacing-xs);text-decoration:none}.footer__theme.svelte-1wns37b>span:where(.svelte-1wns37b){font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em}