*,:after,:before{box-sizing:border-box;margin:0;padding:0}:where(*,:before,:after){box-sizing:border-box;margin:0;padding:0}:where(html){color-scheme:dark;-webkit-text-size-adjust:none}:where([hidden]){display:none!important}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){font-family:system-ui,sans-serif;line-height:1.5;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed}:where(input,button,textarea,select){color:inherit;font:inherit}:where(textarea){resize:vertical}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(button){border-style:solid}:where(a){color:inherit;text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg){height:auto;max-width:100%}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + .5rem)}:where(hr){border-width:1px 0 0;color:inherit;height:0;overflow:visible}:where(:focus-visible){outline:2px dashed var(--focus-color,Highlight);outline-offset:2px}:where(.visually-hidden:not(:where(:focus,:active,.not-visually-hidden))){border:0!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;width:1px!important}body{background:#1a202c;color:#cbd5e0;font-family:Nunito,sans-serif;font-size:1rem;line-height:1.6;overflow-x:hidden;text-rendering:optimizeSpeed}a{color:#70b5f9;text-decoration:none;transition:color .15s ease}a:hover{color:#9ecbfb}::-moz-selection{background-color:#6366f1;color:#fff}::selection{background-color:#6366f1;color:#fff}.skip-link{background-color:#818cf8;border-radius:0 0 .5rem .5rem;color:#fff;font-size:.95rem;font-weight:600;left:50%;padding:.75rem 1.5rem;position:absolute;text-decoration:none;top:-100%;transform:translateX(-50%);transition:top .15s ease;z-index:9999}.skip-link:focus{color:#fff;top:0}.site-header{border-bottom:1px solid rgba(203,213,224,.1);padding:1.5rem}.site-header__inner{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.site-header__brand{color:#cbd5e0;font-size:1.05rem;font-weight:600;text-decoration:none}.site-header__brand:hover{color:#818cf8}.site-nav__list{align-items:center;display:flex;gap:1.5rem;list-style:none}.site-nav__link{color:#a0aec0;text-decoration:none;transition:color .15s ease}.site-nav__link:hover{color:#818cf8}.site-nav__link{font-size:.9rem;font-weight:500;padding:.25rem 0}.site-nav__link[aria-current=page]{color:#cbd5e0;font-weight:600}.nav{display:flex;gap:1rem;justify-content:space-between;padding:2rem 0 4rem;width:100%}.nav__label{color:#7e8ba3;display:block;font-size:.75rem;font-weight:600;letter-spacing:.08em;margin-bottom:.25rem;text-transform:uppercase}.nav__title{color:#70b5f9;font-size:.95rem;text-decoration:none;transition:color .15s ease}.nav__title:hover{color:#818cf8}.nav__item{border:1px solid rgba(203,213,224,.1);border-radius:.75rem;display:flex;flex-direction:column;justify-content:flex-start;padding:1rem 1.5rem;transition:background-color .25s ease,border-color .25s ease,transform .25s ease;width:48%}.nav__item--next{margin-left:auto;text-align:right}@media screen and (max-width:35em){.nav__item{margin-bottom:.5rem;width:100%}}.nav__item:hover{background-color:hsla(0,0%,100%,.06);border-color:rgba(203,213,224,.2);transform:translateY(-1px)}.nav__item:hover .nav__title{color:#818cf8}@media screen and (max-width:35em){.nav{flex-direction:column}}.card{align-items:flex-start;background-color:hsla(0,0%,100%,.03);border:1px solid rgba(203,213,224,.1);border-radius:.75rem;display:flex;flex-direction:column;margin:.5rem 0;padding:1.5rem;position:relative;transition:transform .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.card:hover{background-color:hsla(0,0%,100%,.06);border-color:rgba(203,213,224,.2);box-shadow:0 8px 24px rgba(0,0,0,.2);transform:translateY(-2px)}.card:hover .card__link{color:#818cf8}.card:hover .tag-post{background-color:rgba(129,140,248,.2)}.card:has(.card__link:focus-visible){background-color:hsla(0,0%,100%,.06);border-color:#818cf8;box-shadow:0 0 0 2px #818cf8}.card:has(.card__link:focus-visible) .card__link{color:#818cf8}.card__link{color:#cbd5e0;font-size:1.1rem;font-weight:600;line-height:1.3;margin-bottom:.25rem;text-align:left;transition:color .15s ease}.card__link:after{border-radius:inherit;content:"";inset:0;position:absolute}.card__link:focus-visible{outline:2px solid #818cf8;outline-offset:2px}.card__link:hover{text-decoration:none}@media screen and (max-width:30rem){.card__link{font-size:1rem}}.card__description{color:#7e8ba3;display:-webkit-box;font-size:.9rem;-webkit-line-clamp:2;line-clamp:2;line-height:1.5;margin-bottom:.5rem;-webkit-box-orient:vertical;overflow:hidden}.card__topics{font-size:.8rem;font-style:normal;margin-top:.25rem;position:relative;z-index:1}.pagination{border-top:1px solid rgba(203,213,224,.1);margin-top:3rem;padding-top:1.5rem}.pagination__inner{align-items:center;display:flex;justify-content:space-between}.pagination__inner a,.pagination__link{text-decoration:none}.pagination__link{align-items:center;border-radius:.5rem;color:#cbd5e0;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.35rem;padding:.5rem 1.5rem;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.pagination__link:hover{background-color:hsla(0,0%,100%,.06)}.pagination__link--next{background-color:hsla(0,0%,100%,.03);border:1px solid rgba(203,213,224,.1);border-radius:.5rem}.pagination__link--next:hover:not(.pagination__link--disabled){background-color:hsla(0,0%,100%,.06);border-color:rgba(203,213,224,.2)}.pagination__link--prev{border:1px solid transparent}.pagination__link--disabled{border:1px solid rgba(203,213,224,.1);cursor:default;opacity:.3;pointer-events:none}.pagination__chevron{font-size:1.1rem;line-height:1}.pagination__info{color:#7e8ba3;font-size:.85rem;letter-spacing:.02em}.pagination__info strong{color:#cbd5e0;font-weight:600}@media screen and (max-width:30rem){.pagination__inner{flex-direction:column;gap:1rem}.pagination__info{order:-1}.pagination__link{justify-content:center;width:100%}}:root{--container-width:auto}@media screen and (min-width:1024px){:root{--container-width:48rem;--post__heading-font-size:2.5rem;--post__content-heading-line-height:1.5;--hero-margin:3.5rem;--hero-width:75%;--hero__heading-font-size:2.5rem}}.container{margin:0 auto;padding:0 1.5rem;width:var(--container-width)}.breadcrumbs{margin-top:2rem}.breadcrumbs__list{align-items:center;color:#7e8ba3;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none}.breadcrumbs__item{align-items:center;display:inline-flex;gap:.5rem}.breadcrumbs__item:not(:last-child):after{color:rgba(203,213,224,.2);content:"/"}.breadcrumbs__link{color:#a0aec0;text-decoration:none;transition:color .15s ease}.breadcrumbs__link:hover{color:#cbd5e0}.breadcrumbs__link{font-size:.9rem}.breadcrumbs__link--current,.breadcrumbs__link[aria-current=page]{color:#cbd5e0;font-weight:500}.hero{margin:var(--hero-margin) auto;position:relative;text-align:center;width:var(--hero-width)}.hero__heading{background:linear-gradient(135deg,#818cf8,#70b5f9);-webkit-background-clip:text;font-size:var(--hero__heading-font-size);font-weight:800;line-height:1.2;margin:2rem auto 1rem;text-align:center;-webkit-text-fill-color:transparent;background-clip:text}@media screen and (max-width:30rem){.hero__heading{font-size:2rem}}.hero__description{color:#a0aec0;font-size:1.05rem;line-height:1.6;margin:0 auto;max-width:36rem}.page-intro{margin:3rem 0 2rem}.page-intro__eyebrow{color:#818cf8;font-size:.8rem;font-weight:600;letter-spacing:.08em;margin-bottom:.5rem;text-transform:uppercase}.page-intro__title{color:#cbd5e0;font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin-bottom:1rem}.page-intro__description{color:#a0aec0;max-width:42rem}.browse-all{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:3rem 0}.post{margin:2rem 0;padding:2rem 1rem 1rem;position:relative}.post__heading{color:#818cf8;font-size:var(--post__heading-font-size);font-weight:700;line-height:1.2;margin-bottom:.5rem;text-align:center}@media screen and (max-width:30rem){.post__heading{font-size:2rem}}.post__meta{margin-bottom:2rem;text-align:center}.post__content{line-height:1.7;margin:2rem 0}.post__content p{margin:1rem 0}.post__cta{background-color:hsla(0,0%,100%,.03);border-left:3px solid #818cf8;border-radius:0 .75rem .75rem 0;margin-top:2rem;padding:1.5rem 2rem}.post__cta-text{color:#a0aec0;font-size:1.05rem;line-height:1.6;margin:0 0 .5rem}.post__cta-author{color:#818cf8;font-size:.95rem;font-weight:600;margin:0}.tag-post{background-color:rgba(129,140,248,.12);border-bottom:none;border-radius:1rem;color:#a5b4fc;display:inline-block;font-size:.7rem;font-weight:600;height:auto;letter-spacing:.08em;line-height:1;padding:.35em .75em;text-decoration:none;text-transform:uppercase;transition:background-color .15s ease;vertical-align:middle}.tag-post:focus-visible,.tag-post:hover{background-color:rgba(129,140,248,.2)}footer{border-top:1px solid rgba(203,213,224,.1);color:#7e8ba3;font-size:.85rem;margin-top:3rem;padding:2rem 0;text-align:center}footer span a{color:#a0aec0;text-decoration:none;transition:color .15s ease}footer span a:hover{color:#818cf8}table{border-collapse:collapse;border-radius:.5rem;margin:1.5rem 0;overflow:hidden;text-align:left;width:100%}table td,table th{background-clip:padding-box;border:1px solid rgba(203,213,224,.1);font-size:.95rem;min-width:150px;padding:.75rem 1rem}@media screen and (max-width:767.98px){table td,table th{font-size:.9rem;min-width:auto}}table th{color:#cbd5e0;font-weight:600;text-align:center}table th,table tr:hover td{background-color:hsla(0,0%,100%,.03)}.post__content blockquote{background-color:rgba(129,140,248,.06);border-left:3px solid #818cf8;border-radius:0 .5rem .5rem 0;color:#a0aec0;margin:1.5rem 0;padding:1rem 1.5rem}.post__content blockquote strong{color:#818cf8}.post__content blockquote p{margin:0}.post__content h2,.post__content h3{color:#cbd5e0;line-height:1.4;margin-bottom:1rem;margin-top:3rem;position:relative}.post__content h2{border-bottom:1px solid rgba(203,213,224,.1);font-size:1.5rem;font-weight:700;padding-bottom:.5rem}.post__content h3{font-size:1.2rem;font-weight:600}.post__content .heading-anchor{color:#7e8ba3;text-decoration:none;transition:color .15s ease}.post__content .heading-anchor:hover{color:#818cf8}.post__content .heading-anchor{font-weight:400;margin-left:.25rem;opacity:0;transition:opacity .15s ease,color .15s ease}.post__content h2:hover .heading-anchor,.post__content h3:hover .heading-anchor{opacity:1}.post__content code:not([class*=language-]){background-color:#2d3748;border-radius:.25rem;color:#818cf8;font-family:Fira Code,Consolas,monospace;font-size:.875em;padding:.15em .4em}.post__content pre[class*=language-]{border:1px solid rgba(203,213,224,.1);border-radius:.75rem;margin:1.5rem 0}.post__content img,.post__content video{border:1px solid rgba(203,213,224,.1);border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.3);max-width:100%}.post__content ul{list-style-type:disc;margin-left:1.5rem!important;margin-top:1.5rem!important}.post__content ul li{color:#a0aec0;margin-bottom:.5rem}.post__content ul li strong{color:#cbd5e0}.post__content ol{margin-left:1.5rem!important;margin-top:1.5rem!important}.post__content ol li{color:#a0aec0;margin-bottom:.5rem}.post__content p{color:#a0aec0}.post__content a{color:#70b5f9;text-decoration:underline;text-underline-offset:.2em;transition:color .15s ease}.post__content a:hover{color:#818cf8}.post__content strong{color:#cbd5e0;font-weight:600}code[class*=language-],pre[class*=language-]{background:none;text-shadow:0 1px rgba(0,0,0,.3)}pre[class*=language-]{margin:.5em 0;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#0f1011!important}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}@media screen and (-ms-high-contrast:active){code[class*=language-],pre[class*=language-]{background:window;color:windowText}:not(pre)>code[class*=language-],pre[class*=language-]{background:window}.token.important{background:highlight;color:window;font-weight:400}.token.atrule,.token.attr-value,.token.function,.token.keyword,.token.operator,.token.selector{font-weight:700}.token.attr-value,.token.comment,.token.doctype,.token.function,.token.keyword,.token.operator,.token.property,.token.string{color:highlight}.token.attr-value,.token.url{font-weight:400}}:not(pre)>code,:not(pre)>code[class*=language-]{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.1);border-radius:.375rem;border-width:1px;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-feature-settings:"rlig" 1,"calt" 1,"ss01" 1;font-size:1rem;font-size:.9em;overflow-wrap:break-word;padding:.1em .5em}pre[class*=language-]{border:1px solid #414c50;border-radius:.3em;font-size:14px;margin:2em 0;overflow:auto;padding:1rem 1.4rem;position:relative}pre>code{border:none;display:block;overflow-x:auto;overscroll-behavior-x:contain;padding:clamp(1rem,.96rem + .18vw,1.125rem)}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:0 0;color:#f8f8f2;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;hyphens:none;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;text-shadow:0 1px rgb(0 0 0/30%);white-space:pre;word-break:normal;word-spacing:normal}pre>code::-webkit-scrollbar{height:.2rem}pre>code::-webkit-scrollbar-thumb{background:#191e1c;border-radius:.8rem}pre>code::-webkit-scrollbar-track{background:transparent;border-radius:.8rem}pre[class*=language-]:before{color:#71f7b2;content:var(--lang)!important;font-size:.9em;padding:.5em;position:absolute;right:0;top:0}pre[class*=language-][class*=javascript]{--lang:"javascript"}pre[class*=language-][class*=html]{--lang:"html"}pre[class*=language-][class*=scss]{--lang:"scss"}pre[class*=language-][class*=css]{--lang:"css"}code[class*=language-md]{white-space:pre-wrap}