.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--font-primary: "Poppins", sans-serif;--title-color: #171717;--text-color: #71717A;--text-color-light: #A6A6A6;--body-color: #F8FAFC;--container-color: #F8FAFC;--content-color: #E5E5E5;--gray-primary-color: #DBDCDF;--black-primary-color: #2B2B2B;--white-primary-color: #F8FAFC;--primary-color: #D3734E;--success-color: #07AC4F;--error-color: #d30000;--javascript-color: #F7DF1E;--typescript-color: #2F74C0;--reactjs-color: #0FD2F4;--nextjs-color: #000000;--nodejs-color: #026E00;--sql-color: #015E88;--mongo-color: #07AC4F;--github-color: #1C1F24;--git-color: #F05030;--sass-color: #CD669A;--tailwind-color: #38BDF8;--figma-color: #F34E1C;--emotion-color: #D26AC2;--redux-color: #764ABC;--border-primary: .1rem solid var(--gray-primary-color);--shadow-primary: 0 .5rem 1rem var(--gray-primary-color);--shadow-primary-top: 0 -.1rem .6rem var(--gray-primary-color);--surface-0: #F8FAFC;--surface-1: #FFFFFF;--surface-2: #F1F5F9;--surface-elevated: #FFFFFF;--border-subtle: .1rem solid rgba(0, 0, 0, .06);--border-normal: .1rem solid rgba(0, 0, 0, .12);--primary-color-alpha: rgba(211, 115, 78, .2);--text-muted: #A1A1AA;--radius-xs: .2rem;--radius-sm: .4rem;--radius-md: .6rem;--radius-lg: 1rem;--radius-xl: 1.6rem;--radius-pill: 10rem;--shadow-soft: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .06);--shadow-strong: 0 8px 24px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .08);--shadow-glow: 0 0 0 1px var(--primary-color-alpha), 0 4px 12px var(--primary-color-alpha);--shadow-inner: inset 0 1px 3px rgba(0, 0, 0, .08);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-emphasized: cubic-bezier(0, 0, .2, 1);--backdrop-surface: rgba(248, 250, 252, .85);--backdrop-blur: blur(12px);--card-border: .1rem solid rgba(0, 0, 0, .08);--card-surface: #FFFFFF;--card-surface-hover: #F8FAFC;--card-shadow: 0 2px 8px rgba(0, 0, 0, .06);--card-shadow-hover: 0 8px 24px rgba(0, 0, 0, .1), 0 0 0 1px var(--primary-color-alpha)}html.dark-theme{--title-color: #F1F5F9;--text-color: #c9c9c9;--body-color: #18181B;--container-color: #242424;--content-color: #222222;--border-primary: .1rem solid #3F3F46;--shadow-primary: 0 .5rem 1.4rem var(--black-primary-color);--shadow-primary-top: 0 -.1rem .6rem var(--black-primary-color);--surface-0: #18181B;--surface-1: #1E1E21;--surface-2: #27272A;--surface-elevated: #2D2D30;--border-subtle: .1rem solid rgba(255, 255, 255, .05);--border-normal: .1rem solid rgba(255, 255, 255, .1);--primary-color-alpha: rgba(211, 115, 78, .25);--text-muted: #71717A;--shadow-soft: 0 1px 4px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .3);--shadow-strong: 0 8px 32px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .4);--shadow-glow: 0 0 0 1px var(--primary-color-alpha), 0 4px 16px var(--primary-color-alpha);--shadow-inner: inset 0 1px 4px rgba(0, 0, 0, .4);--backdrop-surface: rgba(24, 24, 27, .85);--card-border: .1rem solid rgba(255, 255, 255, .07);--card-surface: #1E1E21;--card-surface-hover: #252528;--card-shadow: 0 2px 8px rgba(0, 0, 0, .4);--card-shadow-hover: 0 8px 32px rgba(0, 0, 0, .5), 0 0 0 1px var(--primary-color-alpha)}html{font-size:62.5%;box-sizing:border-box;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}body{font-family:var(--font-primary);font-size:1.6rem;line-height:1.5;margin:0;background-color:var(--body-color);color:var(--text-color);transition:background-color var(--transition-base)}::selection{background-color:var(--primary-color-alpha);color:var(--title-color)}:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px;border-radius:var(--radius-xs)}h1,h2,h3,h4,h5,h6,p{margin:0;color:var(--title-color)}ul,figure{margin:0;padding:0}li{list-style:none;padding:0}a{text-decoration:none;color:var(--text-color)}p{line-height:1.7}button{border:none;background:none;cursor:pointer}img{display:block;width:100%;height:100%}input{font-family:inherit;border:none;outline:none}textarea{font-family:var(--font-primary);border:none;outline:none;resize:none}.container{max-width:76rem;margin-inline:auto;padding-inline:2rem}.section{padding-block:4rem}.section__title{font-size:2.4rem;font-weight:700;letter-spacing:-.01em;margin-block-end:1rem}.section__description{color:var(--text-color);text-wrap:pretty}.link-external-icon{transform:rotate(-45deg);font-size:2rem}.button-change-theme{display:flex;justify-content:center;align-items:center;color:var(--text-color);font-size:2rem}.button-change-theme:hover{color:var(--title-color)}.icon__black svg{fill:var(--title-color)}@media(min-width:768px){.nav__link-icon{display:none}}.svg__fill-contrast{fill:var(--title-color)}.svg__fill-contrast--dark{fill:var(--body-color)}.icon__styled-components{color:var(--text-color);font-size:2rem;font-weight:300;display:flex;align-items:center}.icon__styled-components img{max-width:1.4rem}.toast{position:fixed;inset-inline-end:50%;transform:translate(50%);inset-block-start:-10rem;display:flex;justify-content:center;align-items:center;gap:.8rem;background:var(--surface-elevated);color:var(--title-color);padding-inline:2rem;min-width:22rem;width:85%;padding-block:1.2rem;border-radius:.5rem;z-index:99;box-shadow:var(--shadow-strong);border:var(--border-normal);transition:all .3s ease-out;visibility:hidden}.toast__show{visibility:visible;inset-block-start:5rem}.toast__icon{font-size:2.4rem}.toast__icon--success{color:var(--success-color)}.toast__icon--error{color:var(--error-color)}.loader{width:2.6rem;aspect-ratio:1;border-radius:50%;border:.3rem solid var(--text-color);border-right-color:var(--body-color);animation:rotation .5s infinite linear}.scroll-top{position:fixed;inset-inline-end:2rem;inset-block-end:8rem;display:flex;justify-content:center;align-items:center;padding:.6rem;border-radius:var(--radius-md, .6rem);z-index:10;background:var(--surface-elevated);border:var(--card-border);box-shadow:var(--card-shadow);color:var(--title-color);cursor:pointer;transition:visibility 0s,opacity var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);visibility:hidden;opacity:0}.scroll-top__show{visibility:visible;opacity:1}.scroll-top:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);border-color:#d3734e4d}.scroll-top__icon{font-size:2.4rem;color:var(--title-color)}.footer{padding-block:1rem;margin-block-end:6.5rem;border:none}.footer__copy{font-size:1.4rem;color:var(--text-color);text-align:center}@media(min-width:480px){.toast{max-width:32rem}}@media(min-width:768px){.toast{inset-block-start:unset;inset-block-end:-10rem}.toast__show{inset-block-end:7rem}.scroll-top{inset-inline-end:3rem;inset-block-end:3rem;padding:.8rem}.section{padding-block:7rem}.footer{padding-block:1rem;margin-block-start:1rem;margin-block-end:0;border-block-start:var(--border-primary)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes float-up{0%{transform:translateY(0)}50%{transform:translateY(-.9rem)}to{transform:translateY(0)}}@keyframes float-down{0%{transform:translateY(0)}50%{transform:translateY(.5rem)}to{transform:translateY(0)}}@keyframes rotation{to{transform:rotate(1turn)}}html.motion-ready [data-reveal]{opacity:0;transform:translateY(1.2rem);transition:opacity var(--transition-slow),transform var(--transition-slow)}html.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}html.motion-ready [data-reveal-delay="0"]{transition-delay:0ms}html.motion-ready [data-reveal-delay="1"]{transition-delay:60ms}html.motion-ready [data-reveal-delay="2"]{transition-delay:.12s}html.motion-ready [data-reveal-delay="3"]{transition-delay:.18s}html.motion-ready [data-reveal-delay="4"]{transition-delay:.24s}html.motion-ready [data-reveal-delay="5"]{transition-delay:.3s}html.motion-ready [data-reveal-delay="6"]{transition-delay:.36s}html.motion-ready [data-reveal-delay="7"]{transition-delay:.42s}html.motion-ready [data-reveal-delay="8"]{transition-delay:.48s}html.motion-ready [data-reveal-delay="9"]{transition-delay:.54s}.header[data-astro-cid-xu5ykefq]{position:relative;z-index:1}.navbar[data-astro-cid-xu5ykefq]{display:flex;justify-content:space-between;align-items:center;padding-block:1.5rem}.navbar__logo[data-astro-cid-xu5ykefq]{display:flex;align-items:center}.navbar__logo-img[data-astro-cid-xu5ykefq]{height:2.8rem;width:auto}.nav[data-astro-cid-xu5ykefq]{position:fixed;inset-block-end:0;inset-inline-end:50%;transform:translate(50%);background:var(--container-color);width:100%;z-index:10;border-block-start:var(--border-primary);box-shadow:var(--shadow-primary-top)}.nav__list[data-astro-cid-xu5ykefq]{display:flex;align-items:center;justify-content:center;gap:3.4rem;padding-block:2rem;max-width:32rem;min-width:32rem;margin-inline:auto;list-style:none;padding-inline:0}.nav__item[data-astro-cid-xu5ykefq]{z-index:10}@media(min-width:768px){.nav__item--mobile-only[data-astro-cid-xu5ykefq]{display:none}}.nav__link[data-astro-cid-xu5ykefq]{font-weight:300;font-size:2.2rem;display:flex;align-items:center;color:var(--text-color-light)}.nav__link[data-astro-cid-xu5ykefq]:hover{color:var(--title-color);text-decoration:underline}.nav__link--active{color:var(--body-color);text-decoration:underline}.nav__link--active:hover{color:var(--body-color)}.nav__link-text[data-astro-cid-xu5ykefq]{display:none}.nav__back[data-astro-cid-xu5ykefq]{display:flex;align-items:center;gap:.5rem;color:var(--text-color);font-size:1.6rem}.nav__back[data-astro-cid-xu5ykefq]:hover{color:var(--title-color)}.header__progress[data-astro-cid-xu5ykefq]{display:none}@media(min-width:768px){.header[data-astro-cid-xu5ykefq]{position:sticky;inset-block-start:0;border-block-end:.1rem solid var(--content-color);background-color:var(--body-color);transition:background-color .3s;z-index:10}.navbar[data-astro-cid-xu5ykefq]{padding-block:2rem}.nav[data-astro-cid-xu5ykefq]{position:initial;background:none;width:auto;border:none;transform:translate(0);box-shadow:none}.nav__list[data-astro-cid-xu5ykefq]{padding-block:0;max-width:none;min-width:auto;margin-inline:0}.nav__link[data-astro-cid-xu5ykefq]{font-weight:300;font-size:1.6rem;color:var(--text-color)}.nav__link--active,.nav__link--active:hover{color:var(--title-color)}.nav__link-text[data-astro-cid-xu5ykefq]{display:inline-flex}.nav__link-icon{display:none}.header__progress[data-astro-cid-xu5ykefq]{display:block;position:absolute;inset-block-end:0;inset-inline-start:0;height:.1rem;width:calc(var(--scroll-progress, 0) * 1%);background:var(--primary-color);opacity:.5;pointer-events:none;transition:width 80ms linear}}