:root{--background:240 10% 3.9%;--foreground:0 0% 98%;--card:240 10% 3.9%;--card-foreground:0 0% 98%;--popover:240 10% 3.9%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:240 5.9% 10%;--secondary:240 3.7% 15.9%;--secondary-foreground:0 0% 98%;--muted:240 3.7% 15.9%;--muted-foreground:240 5% 70%;--accent:240 3.7% 15.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:240 3.7% 15.9%;--input:240 3.7% 15.9%;--ring:240 4.9% 83.9%;--radius:0.75rem;--shadow:240 10% 3.9%;--brand-1:326 83% 62%;--brand-2:277 82% 61%}@keyframes glow{0%,to{filter:brightness(1);transform:perspective(1000px) rotateX(8deg) translateZ(0)}50%{filter:brightness(1.25);transform:perspective(1000px) rotateX(8deg) translateZ(10px)}}@keyframes glow-blur{0%,to{filter:blur(18px) brightness(1)}50%{filter:blur(22px) brightness(1.35)}}@keyframes paint-appear{0%{transform:scale(0);opacity:0}50%{opacity:.9}to{transform:scale(1);opacity:.7}}@keyframes paint-appear-light{0%{transform:scale(0);opacity:0}50%{opacity:.9}to{transform:scale(1);opacity:.8}}@keyframes comet{0%{transform:translate(-100px,-100px) rotate(45deg);opacity:0}5%{opacity:1}95%{opacity:1}to{transform:translate(calc(100vw + 100px),calc(100vh + 100px)) rotate(45deg);opacity:0}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{opacity:0}50%{opacity:1}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes skill-glow{0%{box-shadow:0 0 10px rgba(255,255,255,.2),0 0 20px rgba(255,255,255,.1)}to{box-shadow:0 0 20px rgba(255,255,255,.4),0 0 40px rgba(255,255,255,.2)}}@keyframes trail{0%{width:0;opacity:0}5%{opacity:1}95%{opacity:1}to{width:600px;opacity:0}}@keyframes burn{0%{filter:brightness(1) blur(1px)}50%{filter:brightness(2.5) blur(2px)}to{filter:brightness(1) blur(1px)}}@keyframes background-shine{0%{background-position:200%}to{background-position:-200%}}@keyframes fall{0%{transform:translateY(-100vh);opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translateX(0);opacity:1}to{transform:translateX(-100%);opacity:0}}@keyframes slideInLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes slideInUp{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-15px);opacity:0}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}.page-enter,.page-exit{position:absolute;width:100%}@media (prefers-reduced-motion:reduce){.page-enter,.page-exit{transition:opacity .1s ease}.metallic-text,.typewriter{animation:none}.typewriter{border-right:none}.comet,.twinkle{animation:none}}@media (max-width:768px){.metallic-text:before{filter:blur(12px)}.twinkle{animation-duration:2s}}@media (min-resolution:192dpi){.metallic-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.metallic-text{color:hsl(var(--primary));font-family:Satoshi,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:700;letter-spacing:-.025em;animation:glow 3s ease-in-out infinite;position:relative;text-shadow:0 1px 0 hsl(var(--primary)),0 2px 0 hsl(var(--primary)),0 3px 0 hsl(var(--primary)),0 4px 0 hsl(var(--primary)),0 20px 1px rgba(0,0,0,.13),0 0 5px rgba(0,0,0,.13),0 1px 3px rgba(0,0,0,.23),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.27),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);transform-style:preserve-3d;transform:perspective(1000px) rotateX(8deg)}.metallic-text:before{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;filter:blur(18px);opacity:.45;color:inherit;animation:glow-blur 3s ease-in-out infinite}.paint-splash{position:absolute;border-radius:50%;opacity:0;mix-blend-mode:color-dodge;pointer-events:none;filter:blur(30px);animation:paint-appear 1.5s ease-out forwards}:root.light .paint-splash{mix-blend-mode:multiply;opacity:0;animation:paint-appear-light 1.5s ease-out forwards}.typewriter{display:inline-block;overflow:hidden;white-space:nowrap;width:0;animation:typing 3.5s steps(40) forwards}.typewriter:after{content:"|";color:currentColor;animation:blink-caret .75s step-end infinite}.glow-effect{animation:skill-glow 2s ease-in-out infinite alternate}.metallic-accent{color:hsl(var(--primary));font-weight:600;position:relative;text-shadow:0 0 6px hsla(var(--primary),.25),0 2px 8px rgba(0,0,0,.12)}.heading-accent,.heading-gradient{background:linear-gradient(90deg,hsl(var(--brand-1)) 0,hsl(var(--brand-2)) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.glass-card{position:relative;overflow:hidden;transform:translateZ(0) scale(1);will-change:transform,box-shadow,border-color,background-color;transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s cubic-bezier(.22,1,.36,1),border-color .24s cubic-bezier(.22,1,.36,1),background-color .24s cubic-bezier(.22,1,.36,1)}.glass-card:hover{border-color:rgba(255,255,255,.15);background-color:color-mix(in oklab,hsl(var(--secondary)) 4%,transparent);box-shadow:0 8px 32px rgba(0,0,0,.12),0 0 20px rgba(255,255,255,.1),0 0 0 1px rgba(255,255,255,.2);transform:translateY(-4px) scale(1.02)}.glass-card:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:radial-gradient(60px 30px at 50% 40%,hsla(var(--primary),.08),transparent 60%);filter:blur(8px);opacity:0;transition:opacity .2s ease}.glass-card:hover:after{opacity:.4}.glass-card:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,.3),0 0 0 6px rgba(255,255,255,.1)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer;font-size:.875rem}.btn-primary{background:linear-gradient(135deg,hsl(var(--primary)) 0,hsl(280,80%,55%) 100%);color:white;box-shadow:0 4px 12px hsla(var(--primary),.25)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px hsla(var(--primary),.4)}.btn-ghost{background:rgba(255,255,255,.05);color:hsl(var(--foreground));border:1px solid rgba(255,255,255,.1)}.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:translateY(-1px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,.3),0 0 0 6px rgba(255,255,255,.1)}:root.light{--background:0 0% 98%;--foreground:240 10% 3.9%;--card:0 0% 100%;--card-foreground:240 10% 3.9%;--popover:0 0% 100%;--popover-foreground:240 10% 3.9%;--primary:240 5.9% 10%;--primary-foreground:0 0% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--paint-1:20 90% 60%;--paint-2:200 90% 60%;--paint-3:280 90% 60%;--paint-4:120 90% 60%}.blog-container{position:relative;overflow:hidden;width:100%;padding:1rem .75rem 3rem}@media (min-width:480px){.blog-container{padding:1.5rem 1rem 4rem}}.blog-nebula{position:absolute;border-radius:50%;filter:blur(80px);z-index:-1;pointer-events:none;opacity:.4;animation:pulse-nebula 8s ease-in-out infinite alternate}.blog-nebula-primary{width:700px;height:700px;background:radial-gradient(circle,rgba(125,125,255,.6) 0,rgba(80,50,200,.4) 40%,rgba(60,30,150,.2) 70%,transparent 100%);top:-200px;right:-100px}.blog-nebula-secondary{width:600px;height:600px;background:radial-gradient(circle,rgba(255,125,175,.6) 0,rgba(180,50,120,.4) 40%,rgba(130,30,100,.2) 70%,transparent 100%);bottom:-100px;left:-100px;animation-delay:2s}.blog-post-card{background:rgba(20,20,35,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:.5rem;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 20px -5px rgba(0,0,0,.5);position:relative;width:100%;padding:.875rem;margin-top:0;display:flex;flex-direction:column}@media (min-width:480px){.blog-post-card{padding:1.25rem}}.blog-post-card:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.1),rgba(255,255,255,0) 40%);border-radius:inherit;z-index:-1}.blog-post-card:after{display:none}.blog-post-card:hover{transform:translateY(-2px) scale(1.005);box-shadow:0 8px 32px -5px rgba(0,0,0,.3),0 0 12px rgba(125,125,255,.15);background:rgba(20,20,35,.25)}.blog-post-header{position:relative}.blog-post-header:after{content:"";position:absolute;bottom:-.5rem;left:0;width:100%;height:.15rem;background:linear-gradient(90deg,hsl(var(--brand-1)),hsl(var(--brand-2)));border-radius:1rem;opacity:.9}.blog-cover-image{position:relative;overflow:hidden;border-radius:.5rem;height:auto;margin-bottom:.5rem;background:transparent;min-height:150px;display:flex;align-items:center;justify-content:center}@media (min-width:480px){.blog-cover-image{min-height:200px;border-radius:.75rem}}.blog-cover-image img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;transform:scale(1.01);transition:transform .5s ease-out}.blog-cover-image:hover img{transform:scale(1.05)}.blog-cover-image:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,hsla(var(--background),.1) 0,hsla(var(--background),.6) 100%);z-index:1}.blog-cover-image .image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(255,255,255,.4);font-size:.875rem;text-align:center;padding:2rem;z-index:2;position:relative}.blog-cover-image .image-placeholder svg{width:48px;height:48px;margin-bottom:.5rem;opacity:.6}.blog-cover-image .image-placeholder span{font-weight:500;letter-spacing:.025em}.blog-tag{display:inline-block;padding:.25rem .5rem;border-radius:2rem;font-size:.7rem;font-weight:500;background:linear-gradient(135deg,rgba(80,70,200,.5),rgba(120,40,180,.5));color:rgba(255,255,255,.95);margin-right:.25rem;margin-bottom:.25rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;box-shadow:0 2px 5px rgba(0,0,0,.2);text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (min-width:480px){.blog-tag{padding:.35rem .75rem;font-size:var(--font-size-responsive-xs);margin-right:.5rem;margin-bottom:.5rem}}.blog-tag:hover{background:linear-gradient(135deg,rgba(100,90,220,.7),rgba(140,60,200,.7));transform:translateY(-2px);box-shadow:0 4px 12px -2px rgba(0,0,0,.3),0 0 5px rgba(140,100,255,.5)}.blog-content{font-size:var(--font-size-responsive-md);line-height:1.8}.blog-content h2{font-size:var(--font-size-responsive-xl);margin-top:2rem;margin-bottom:1rem;font-weight:700;position:relative;display:inline-block}.blog-content h2:before{content:"";position:absolute;width:2rem;height:.15rem;background:linear-gradient(90deg,hsl(var(--primary)),transparent);bottom:-.5rem;left:0;border-radius:1rem}.blog-content h3{font-size:var(--font-size-responsive-lg);margin-top:1.5rem;margin-bottom:.75rem;font-weight:600}.blog-content p{margin-bottom:1.5rem}.blog-content a{color:hsl(var(--primary));text-decoration:none;background-image:linear-gradient(90deg,currentColor,currentColor);background-repeat:no-repeat;background-size:0 1px;background-position:0 100%;transition:background-size .3s ease}.blog-post-card a:focus-visible,.blog-tag:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(125,125,255,.35),0 0 0 6px rgba(125,125,255,.2);border-radius:.5rem}.blog-content a:hover{background-size:100% 1px}.blog-content blockquote{border-left:4px solid hsl(var(--primary));font-style:italic;margin:1.5rem 0;padding:1rem 1.5rem;background:hsla(var(--primary),.05);border-radius:0 .5rem .5rem 0}.blog-content code{font-family:Fira Code,monospace;background:hsla(var(--primary),.1);padding:.2rem .4rem;border-radius:.25rem;font-size:.875rem}.blog-content pre{background:hsla(var(--background),.8);border-radius:.5rem;padding:1rem;overflow-x:auto;margin:1.5rem 0;border:1px solid hsla(var(--primary),.1)}.blog-content pre code{background:transparent;padding:0;font-size:.875rem;color:hsl(var(--foreground))}.blog-content b,.blog-content strong{font-weight:600;color:hsl(var(--foreground))}.blog-post-nav{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:2rem;margin-bottom:2rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.25rem}.blog-post-nav-item{display:flex;flex-direction:column;padding:.75rem 1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.03);transition:all .3s ease;text-decoration:none;color:inherit;min-height:auto}.blog-post-nav-item.all-posts{display:flex;justify-content:center;align-items:center;background:rgba(125,125,255,.1);border:1px solid rgba(125,125,255,.2);font-weight:500;color:rgba(255,255,255,.9);padding:.75rem 1rem;font-size:.875rem}.blog-post-nav-item:hover{background:rgba(255,255,255,.05);transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,0,0,.1);border-color:rgba(255,255,255,.15)}.blog-post-nav-label{font-size:.75rem;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em;opacity:.6}.blog-post-nav-title{font-size:.875rem;font-weight:500;line-height:1.3}.reading-progress-container{position:fixed;top:80px;left:0;width:100%;height:4px;background:rgba(0,0,0,.1);z-index:9999}.reading-progress-bar{height:100%;background:linear-gradient(90deg,hsl(var(--primary)) 0,hsl(280,90%,60%) 100%);width:0;transition:width .1s ease;box-shadow:0 0 10px rgba(0,0,0,.3)}.toc-sidebar{position:fixed;right:2rem;top:50%;transform:translateY(-50%);width:14rem;max-height:80vh;overflow-y:auto;background:rgba(20,20,35,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:1rem;z-index:100}.toc-sidebar::-webkit-scrollbar{width:4px}.toc-sidebar::-webkit-scrollbar-track{background:transparent}.toc-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:2px}.toc-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.toc-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.toc-item,.toc-title{color:rgba(255,255,255,.7)}.toc-item{display:block;width:100%;text-align:left;font-size:.875rem;transition:color .2s ease;padding:.25rem 0;border:none;background:none;cursor:pointer}.toc-item:hover{color:rgba(255,255,255,.9)}.toc-item.active{color:hsl(var(--primary));font-weight:500;background:rgba(125,125,255,.15);border-left:3px solid hsl(var(--primary));padding-left:.5rem}.toc-item.level-3{margin-left:1rem;font-size:.75rem}.toc-sidebar-inline{background:rgba(20,20,35,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:1rem;position:fixed;right:2rem;top:8rem;width:16rem;max-height:calc(100vh - 10rem);overflow-y:auto;z-index:100;display:none}@media (min-width:1280px){.toc-sidebar-inline{display:block}}.blog-star{position:absolute;width:3px;height:3px;background-color:#fff;border-radius:50%;opacity:.8;animation:twinkle-animation var(--twinkle-duration,3s) ease-in-out infinite}@keyframes twinkle-animation{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.blog-skeleton-pulse{background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(125,125,255,.1) 50%,rgba(255,255,255,.05));background-size:200% 100%;animation:blog-pulse 2s ease-in-out infinite;border-radius:.5rem;position:relative;overflow:hidden}@keyframes blog-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.blog-skeleton-shine{position:relative;overflow:hidden;animation:blog-skeleton-entry .5s ease-out forwards;opacity:0;transform:translateY(10px)}.blog-skeleton-shine:after{content:"";position:absolute;top:-100%;left:-100%;width:80%;height:300%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05) 45%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 55%,transparent);animation:blog-shimmer 2s cubic-bezier(.4,0,.2,1) infinite;transform:rotate(25deg);pointer-events:none}@keyframes blog-shimmer{0%{transform:translateX(-100%) rotate(25deg)}to{transform:translateX(100%) rotate(25deg)}}@keyframes blog-skeleton-entry{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.blog-skeleton-stagger>*{animation-delay:calc(var(--stagger-index, 0) * .1s)}@keyframes pulse-nebula{0%{transform:scale(1);opacity:.25}50%{transform:scale(1.1);opacity:.3}to{transform:scale(1);opacity:.25}}.light .blog-container{background:radial-gradient(ellipse at bottom,rgba(240,240,255,.5) 0,rgba(255,255,255,.8) 50%,rgba(255,255,255,1) 100%)}.light .blog-nebula-primary{background:radial-gradient(circle,rgba(100,100,255,.3) 0,rgba(50,50,200,.2) 40%,rgba(30,30,150,.1) 70%,transparent 100%);opacity:.7}.light .blog-nebula-secondary{background:radial-gradient(circle,rgba(255,100,150,.3) 0,rgba(200,50,100,.2) 40%,rgba(150,30,80,.1) 70%,transparent 100%);opacity:.7}.light .blog-post-card{background:rgba(255,255,255,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(100,100,255,.1);box-shadow:0 4px 15px -5px rgba(0,0,0,.1),0 0 5px rgba(255,255,255,.8)}.light .blog-post-card:before{background:linear-gradient(125deg,rgba(255,255,255,.9),rgba(255,255,255,.5) 40%)}.light .blog-post-card:after{display:none}.light .blog-tag{background:linear-gradient(135deg,rgba(80,100,255,.3),rgba(100,50,200,.4));color:rgba(50,50,150,1);border:1px solid rgba(100,100,255,.3);box-shadow:0 2px 5px rgba(0,0,0,.05);text-shadow:none}.light .blog-tag:hover{background:linear-gradient(135deg,rgba(90,110,255,.4),rgba(110,60,210,.5));box-shadow:0 4px 10px -2px rgba(0,0,0,.1),0 0 5px rgba(100,100,255,.4)}.light .blog-post-nav-item{background:rgba(255,255,255,.8);border:1px solid rgba(100,100,255,.1)}.light .blog-post-nav-item.all-posts{background:rgba(240,240,255,.9);border:1px solid rgba(100,100,255,.2);color:rgba(60,60,150,.9)}.light .blog-post-nav-item:hover{background:rgba(255,255,255,.95);box-shadow:0 10px 20px -5px rgba(0,0,0,.1),0 0 10px rgba(100,100,255,.2)}.light .blog-star{background-color:rgba(100,100,255,.7)}.light .reading-progress-bar{background:linear-gradient(90deg,hsl(240,80%,60%),hsl(280,90%,60%))}.mdx-content table{width:100%;border-collapse:collapse;margin:2rem 0;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.1)}.mdx-content thead{background-color:#2c3e50;color:white}.mdx-content th{padding:1rem;text-align:left;font-weight:600;text-transform:uppercase;font-size:.875rem;letter-spacing:.05em;border-bottom:2px solid rgba(0,0,0,.1)}.mdx-content td{padding:1rem;border-top:1px solid rgba(0,0,0,.1);vertical-align:top}.mdx-content tbody tr:nth-child(2n){background-color:rgba(0,0,0,.04)}.mdx-content tbody tr:hover{background-color:rgba(0,0,0,.08)}.light .mdx-content thead{background-color:#4a6fa5;color:white}@media (max-width:768px){.mdx-content table{display:block;overflow-x:auto;white-space:nowrap}.mdx-content code,.mdx-content pre{font-size:.8rem}.mdx-content pre{padding:2rem 1rem 1rem!important}}.mdx-content pre{margin:1.75rem 0;border-radius:.5rem;overflow-x:auto;background-color:#1e293b;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px -1px rgba(0,0,0,.2);position:relative;padding-top:2.5rem!important}.hljs:before,code[class*=language-]:before{display:none!important}.mdx-content .hljs{background:transparent;padding-top:.5rem}.mdx-content code{font-family:Fira Code,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9em}.mdx-content :not(pre)>code{background-color:rgba(0,0,0,.05);padding:.2em .4em;border-radius:.25rem;font-size:.9em;border:1px solid rgba(0,0,0,.1);color:#e83e8c}.mdx-content .language-badge{position:absolute;top:0;right:1rem;background-color:rgba(0,0,0,.5);color:white;font-size:.7rem;padding:.2rem .5rem;border-radius:0 0 .25rem .25rem;font-family:monospace;-webkit-user-select:none;-moz-user-select:none;user-select:none}.light .mdx-content :not(pre)>code{background-color:rgba(0,0,0,.05);color:#d63384}.blog-grid-layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-responsive-md);margin:var(--spacing-responsive-md) 0}.blog-grid-column{background:rgba(255,255,255,.05);padding:var(--spacing-responsive-md);border-radius:.75rem;box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.1)}.blog-grid-column h3{margin-top:0!important}.light .blog-grid-column{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.1)}@media (min-width:480px){.blog-container{padding:1.5rem}.blog-content{font-size:1rem}.blog-cover-image img{max-height:350px}}@media (min-width:768px){.blog-container{padding:2rem}.blog-cover-image{min-height:400px}.blog-post-nav{grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center}.blog-post-nav-item.all-posts{order:2;min-width:120px}.blog-post-nav-item:first-child{order:1}.blog-post-nav-item:last-child{order:3}.blog-content h2{font-size:1.875rem}.blog-content h3{font-size:1.5rem}.blog-grid-layout{grid-template-columns:1fr 1fr}.blog-cover-image img{max-height:400px}}@media (min-width:1024px){.blog-container{padding:2.5rem}.blog-cover-image{min-height:500px}}@media (min-width:1280px){.blog-container{padding:var(--spacing-responsive-xl)}.blog-cover-image img{max-height:500px}}:root{--breakpoint-xs:320px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--spacing-responsive-sm:clamp(0.5rem,1vw,1rem);--spacing-responsive-md:clamp(1rem,2vw,2rem);--spacing-responsive-lg:clamp(1.5rem,3vw,3rem);--font-size-responsive-xs:clamp(0.75rem,1vw,0.875rem);--font-size-responsive-sm:clamp(0.875rem,1.5vw,1rem);--font-size-responsive-md:clamp(1rem,2vw,1.25rem);--font-size-responsive-lg:clamp(1.25rem,2.5vw,1.5rem);--font-size-responsive-xl:clamp(1.5rem,3vw,2rem);--font-size-responsive-2xl:clamp(1.75rem,4vw,2.5rem);--font-size-responsive-3xl:clamp(2rem,5vw,3rem)}.responsive-padding{padding:var(--spacing-responsive-md)}.responsive-padding-x{padding-left:var(--spacing-responsive-md);padding-right:var(--spacing-responsive-md)}.responsive-padding-y{padding-top:var(--spacing-responsive-md);padding-bottom:var(--spacing-responsive-md)}.responsive-margin{margin:var(--spacing-responsive-md)}.responsive-margin-x{margin-left:var(--spacing-responsive-md);margin-right:var(--spacing-responsive-md)}.responsive-margin-y{margin-top:var(--spacing-responsive-md);margin-bottom:var(--spacing-responsive-md)}.container-responsive{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-responsive-md);padding-right:var(--spacing-responsive-md);max-width:100%}@media (min-width:768px){.container-responsive{max-width:90%}}@media (min-width:1024px){.container-responsive{max-width:85%}}@media (min-width:1280px){.container-responsive{max-width:75%}}.hide-xs{display:none}@media (min-width:475px){.hide-xs{display:initial}.show-xs-only{display:none}}@media (min-width:1920px){.container-responsive{max-width:1400px}}@media (min-width:2560px){.container-responsive{max-width:1600px}}@media (max-height:500px) and (orientation:landscape){.min-h-screen{min-height:100vh;padding-top:1rem;padding-bottom:1rem}}@media (max-width:767px){.hide-mobile{display:none}}@media (min-width:768px){.hide-tablet-up{display:none}}@media (min-width:1024px){.hide-desktop{display:none}}