@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap");.code-block-wrapper *,[data-component=CodeBlock] *{all:unset;box-sizing:border-box;display:revert}.code-block-wrapper,[data-component=CodeBlock]{background:#1e293b;border:1px solid #374151;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);font-family:Fira Code,Consolas,Monaco,Courier New,monospace!important;margin:2rem 0;overflow:hidden;position:relative}[data-terminal=true]{background:#000;border-color:#10b981}.code-block-header{align-items:center;background:rgba(0,0,0,.2);display:flex;font-family:system-ui,-apple-system,sans-serif;justify-content:space-between;padding:.5rem 1rem}.code-block-content{background:transparent;overflow:auto;position:relative}.code-block-wrapper pre,[data-component=CodeBlock] pre,pre.code-block{background:transparent!important;border:none!important;border-radius:0!important;font-family:inherit!important;font-size:.875rem!important;line-height:1.7!important;margin:0!important;overflow-x:auto!important;overflow-y:visible!important;padding:1rem!important;white-space:pre!important;word-wrap:normal!important;-moz-tab-size:2;-o-tab-size:2;tab-size:2;word-break:normal!important}.code-block-wrapper pre code,[data-component=CodeBlock] pre code{color:#e2e8f0!important;display:block!important;overflow:visible!important;text-shadow:none!important}.code-block-wrapper code *,.code-block-wrapper pre code,[data-component=CodeBlock] code *,[data-component=CodeBlock] pre code{background:transparent!important;border:none!important;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;margin:0!important;padding:0!important;white-space:pre!important}.code-block-wrapper code *,[data-component=CodeBlock] code *{color:inherit!important;display:inline!important;list-style:none!important}[data-component=CodeBlock] li,[data-component=CodeBlock] ol,[data-component=CodeBlock] ul{display:inline!important;list-style:none!important;margin:0!important;padding:0!important}[data-terminal=true] code{color:#10b981!important}[data-line-numbers=true] pre{padding-left:3.5rem!important;position:relative}.line-numbers-rows{border-right:1px solid #374151;color:#6b7280;font-size:.875rem;left:0;line-height:1.7;padding-right:.75rem;pointer-events:none;position:absolute;text-align:right;top:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:3rem}.line-numbers-rows span{display:block;padding-right:.5rem}.highlight-line{background:rgba(139,92,246,.1)!important;border-left:3px solid #8b5cf6;display:block;margin:0 -1rem;padding:0 1rem;position:relative}.highlight-line:before{background:rgba(139,92,246,.1);border-left:3px solid #8b5cf6;bottom:0;content:"";left:-3.5rem;position:absolute;top:0;width:3.5rem}.code-copy-button{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:.375rem;color:#e5e7eb;cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem .75rem;position:relative;transition:all .2s;z-index:10}.code-copy-button:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3);color:#fff}.code-copy-button.copied{background:#10b981;border-color:#10b981;color:#fff}.inline-code,code.inline-code,li>code,p>code{background:rgba(139,92,246,.1)!important;border-radius:.25rem!important;color:#8b5cf6!important;display:inline!important;font-family:Fira Code,Consolas,Monaco,monospace!important;font-size:.875em!important;margin:0 .125rem!important;padding:.125rem .375rem!important;white-space:nowrap!important}.code-block-content::-webkit-scrollbar{width:8px}.code-block-content::-webkit-scrollbar-track{border-radius:4px}@media (max-width:640px){.code-block-wrapper,[data-component=CodeBlock]{border-radius:0;margin-left:-1rem;margin-right:-1rem}.code-block-wrapper pre,[data-component=CodeBlock] pre{font-size:.75rem!important;padding:.75rem!important}.code-block-header{flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem}.code-copy-button{opacity:1!important;transform:none!important}}@media print{.code-block-wrapper,[data-component=CodeBlock]{border:1px solid #e5e7eb;box-shadow:none;page-break-inside:avoid}.code-copy-button{display:none!important}.code-block-wrapper pre code,[data-component=CodeBlock] pre code{color:#1f2937!important}}.token.boolean,.token.constant,.token.number,.token.property,.token.symbol,.token.tag{color:#f87171}.token.char,.token.selector,.token.string{color:#4ade80}.token.entity,.token.operator,.token.url{color:#67e8f9}.token.class-name,.token.function{color:#fbbf24}.line-highlight{background:rgba(139,92,246,.1)!important;border-left:3px solid #8b5cf6;margin:0 -1rem;padding:0 1rem}.terminal-style,.terminal-style code{color:#4ade80!important}.blog-category-badge{border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(var(--color-primary-50-rgb)/var(--tw-bg-opacity));font-size:.75rem;font-weight:500;line-height:1rem;padding:.25rem .75rem;--tw-text-opacity:1;color:rgb(var(--color-primary-600-rgb)/var(--tw-text-opacity));transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.blog-category-badge:hover{--tw-bg-opacity:1;background-color:rgb(var(--color-primary-100-rgb)/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(var(--color-primary-700-rgb)/var(--tw-text-opacity))}.blog-tag{cursor:pointer;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity));transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.blog-tag:hover{--tw-text-opacity:1;color:rgb(var(--color-primary-600-rgb)/var(--tw-text-opacity))}@media (prefers-color-scheme:dark){.blog-tag{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.blog-tag:hover{--tw-text-opacity:1;color:rgb(var(--color-primary-400-rgb)/var(--tw-text-opacity))}}.blog-author-avatar{align-items:center;border-radius:9999px;display:flex;font-size:.75rem;height:2rem;justify-content:center;line-height:1rem;width:2rem;background:linear-gradient(to bottom right,#38bdf8,#a78bfa);color:rgb(255 255 255/var(--tw-text-opacity))}.blog-author-avatar,.blog-title{font-weight:700;--tw-text-opacity:1}.blog-title{font-size:1.5rem;line-height:2rem;color:rgb(17 24 39/var(--tw-text-opacity));transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.blog-title:hover{--tw-text-opacity:1;color:rgb(var(--color-primary-600-rgb)/var(--tw-text-opacity))}@media (min-width:768px){.blog-title{font-size:1.875rem;line-height:2.25rem}}@media (prefers-color-scheme:dark){.blog-title{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.blog-title:hover{--tw-text-opacity:1;color:rgb(var(--color-primary-400-rgb)/var(--tw-text-opacity))}}.blog-excerpt{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.625;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}@media (prefers-color-scheme:dark){.blog-excerpt{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}}@media (max-width:768px){.blog-container{padding-left:1rem;padding-right:1rem}.blog-sidebar{margin-bottom:2rem;position:relative;width:100%}}@media print{.blog-sidebar{display:none!important}.blog-content{margin:0!important;max-width:100%!important}}@keyframes pulse{50%{opacity:.5}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.animate-float-slow{animation:float-slow 6s ease-in-out infinite}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-gradient{animation:gradient-shift 3s ease infinite;background-size:200% 200%}.load-more-enhanced{align-items:center;background-image:linear-gradient(to right,var(--tw-gradient-stops));border-radius:9999px;display:inline-flex;gap:.5rem;padding:1rem 2rem;position:relative;--tw-gradient-from:rgb(var(--color-primary-600-rgb)/1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--color-primary-600-rgb)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#9333ea var(--tw-gradient-to-position);font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));overflow:hidden;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.load-more-enhanced:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:rgb(var(--color-primary-600-rgb)/0.3);--tw-shadow:var(--tw-shadow-colored)}.load-more-enhanced:before{background-image:linear-gradient(to right,var(--tw-gradient-stops));content:"";inset:0;opacity:0;position:absolute;--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:rgba(147,51,234,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#db2777 var(--tw-gradient-to-position);transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.load-more-enhanced:hover:before{opacity:1}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.load-more-enhanced{display:none}}.hero-mesh-gradient{animation:gradient-flow 20s ease infinite;background-color:#4158d0;background-image:radial-gradient(at 27% 37%,#3a8bfd 0,transparent 0),radial-gradient(at 97% 21%,#72fe7d 0,transparent 50%),radial-gradient(at 52% 99%,#fd3a4e 0,transparent 50%),radial-gradient(at 10% 29%,#855afc 0,transparent 50%),radial-gradient(at 97% 96%,#e4c795 0,transparent 50%),radial-gradient(at 33% 50%,#8ca8e8 0,transparent 50%),radial-gradient(at 79% 53%,#eea5ba 0,transparent 50%);background-size:200% 200%}@keyframes gradient-flow{0%,to{background-position:0 50%}25%{background-position:50% 0}50%{background-position:100% 50%}75%{background-position:50% 100%}}.noise-overlay{position:relative}.noise-overlay:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.02'/%3E%3C/svg%3E");content:"";inset:0;mix-blend-mode:overlay;opacity:.03;pointer-events:none;position:absolute}.blog-card-3d{transform-style:preserve-3d;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;will-change:transform}.blog-card-3d:before{background:linear-gradient(135deg,rgba(168,85,247,.5),rgba(236,72,153,.5),rgba(59,130,246,.5));border-radius:inherit;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;position:absolute;transition:opacity .3s ease}.blog-card-3d:hover:before{opacity:1}@keyframes holographic-shine{0%{background-position:200% 200%}to{background-position:-200% -200%}}@keyframes aurora-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float-diagonal{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}@keyframes morph{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:70% 30% 30% 70%/70% 70% 30% 30%}50%{border-radius:50% 50% 50% 50%/50% 50% 50% 50%}75%{border-radius:30% 70% 30% 70%/30% 70% 70% 30%}}.text-glow{text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor}@keyframes skeleton-wave{to{transform:translateX(100%)}}.dark{--bg-primary:#0a0a0b;--bg-secondary:#131316;--bg-tertiary:#1c1c21;--bg-elevated:#242429;--border-subtle:hsla(0,0%,100%,.06);--border-default:hsla(0,0%,100%,.12);--border-strong:hsla(0,0%,100%,.24)}@keyframes stagger-fade-in{to{opacity:1;transform:translateY(0)}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0deg) scale(1)}25%{transform:translateY(-20px) rotate(5deg) scale(1.05)}50%{transform:translateY(-10px) rotate(-5deg) scale(1)}75%{transform:translateY(-15px) rotate(3deg) scale(1.02)}}.animate-float-slow{animation:float-slow 10s ease-in-out infinite}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.blog-card-3d{transform:none!important}}@media (prefers-contrast:high){.blog-card-3d:before{border-width:2px;opacity:1}}@media (max-width:768px){.blog-mobile-nav{align-items:center;background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -2px 10px rgba(0,0,0,.1);display:flex;justify-content:space-around;left:0;padding:.5rem;position:fixed;right:0;z-index:40}.dark .blog-mobile-nav{background:#1f2937;border-top-color:#374151}.blog-mobile-nav-item{align-items:center;color:#6b7280;display:flex;flex:1;flex-direction:column;padding:.5rem;transition:color .2s}.blog-mobile-nav-item:active{transform:scale(.95)}.blog-mobile-nav-item.active{color:#0ea5e9}.touch-target{align-items:center;display:flex;justify-content:center;min-height:44px;min-width:44px}.blog-search-mobile{background:#fff;bottom:0;left:0;padding:1rem;position:fixed;right:0;top:0;transform:translateY(100%);transition:transform .3s ease-out;z-index:50}.blog-search-mobile.active{transform:translateY(0)}.dark .blog-search-mobile{background:#111827}.blog-comment-input-mobile{font-size:16px}.blog-sidebar-mobile{background:#fff;border-top-left-radius:1rem;border-top-right-radius:1rem;bottom:0;box-shadow:0 -4px 20px rgba(0,0,0,.1);left:0;max-height:70vh;overflow-y:auto;position:fixed;right:0;transform:translateY(100%);transition:transform .3s ease-out;z-index:40}.blog-sidebar-mobile.active{transform:translateY(0)}.dark .blog-sidebar-mobile{background:#1f2937}.hover-lift:hover{box-shadow:none;transform:none}.swipe-indicator{background:#d1d5db;border-radius:2px;height:4px;margin:.5rem auto;width:40px}a,button{position:relative}a:after,button:after{bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}body{overflow-x:hidden}.heading-xl{font-size:2rem}.heading-lg{font-size:1.75rem}.heading-md{font-size:1.5rem}.heading-sm{font-size:1.25rem}.section{padding-bottom:3rem;padding-top:3rem}.container-custom{padding-left:1rem;padding-right:1rem}img{height:auto;max-width:100%}}@media (min-width:769px) and (max-width:1024px){.blog-sidebar{margin-top:2rem;position:relative;width:100%}.blog-content{max-width:100%}}@media (prefers-contrast:high){.btn{border:2px solid}}@media print{.blog-mobile-nav,.blog-sidebar-mobile{display:none!important}}.dynamic-wrapper{--intensity:0.6;--mouse-x:50%;--mouse-y:50%;--primary-color:#8b5cf6;--secondary-color:#3b82f6;--accent-color:#ec4899}.dynamic-border{animation:gradient-shift 8s linear infinite;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color),var(--primary-color));background-size:300% 100%;opacity:0;transition:opacity .3s ease}.dynamic-wrapper:hover .dynamic-border{opacity:calc(var(--intensity)*.8)}.dynamic-border:before{background:#fff;border-radius:inherit;content:"";inset:2px;position:absolute;z-index:1}.dynamic-glow-wrapper{box-shadow:0 0 20px rgba(139,92,246,calc(var(--intensity)*.2)),0 0 40px rgba(139,92,246,calc(var(--intensity)*.1)),inset 0 0 20px rgba(139,92,246,calc(var(--intensity)*.05));transition:box-shadow .3s ease}.dynamic-glow-wrapper:hover{box-shadow:0 0 30px rgba(139,92,246,calc(var(--intensity)*.4)),0 0 60px rgba(139,92,246,calc(var(--intensity)*.2)),inset 0 0 30px rgba(139,92,246,calc(var(--intensity)*.1))}.dynamic-morph-wrapper{position:relative}.dynamic-morph-wrapper:before{animation:rotate-gradient 4s linear infinite;background:conic-gradient(from 180deg at 50% 50%,var(--primary-color),var(--secondary-color),var(--accent-color),var(--primary-color));border-radius:inherit;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.dynamic-morph-wrapper:hover:before{opacity:calc(var(--intensity)*.6)}@keyframes rotate-gradient{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dynamic-pulse-wrapper{position:relative}.dynamic-pulse-wrapper:after,.dynamic-pulse-wrapper:before{border:2px solid var(--primary-color);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute}.dynamic-pulse-wrapper:hover:before{animation:pulse-ring 1.5s ease-out infinite}.dynamic-pulse-wrapper:hover:after{animation:pulse-ring 1.5s ease-out .75s infinite}@keyframes pulse-ring{0%{opacity:calc(var(--intensity)*.8);transform:scale(1)}to{opacity:0;transform:scale(1.1)}}.dynamic-electric-wrapper{background:#fff;position:relative}.electric-line{background:linear-gradient(90deg,transparent,var(--primary-color),transparent);filter:blur(1px);opacity:0;position:absolute}.electric-line-1{animation:electric-horizontal 2s linear infinite;height:2px;left:0;right:0;top:0}.electric-line-2{animation:electric-horizontal 2s linear infinite reverse;bottom:0;height:2px;left:0;right:0}.electric-line-3{animation:electric-vertical 2s linear infinite;background:linear-gradient(180deg,transparent,var(--secondary-color),transparent);bottom:0;left:0;top:0;width:2px}.electric-line-4{animation:electric-vertical 2s linear infinite reverse;background:linear-gradient(180deg,transparent,var(--accent-color),transparent);bottom:0;right:0;top:0;width:2px}.dynamic-electric-wrapper:hover .electric-line{opacity:calc(var(--intensity)*.8)}@keyframes electric-horizontal{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes electric-vertical{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.dynamic-gradient-wrapper{animation:gradient-flow 10s ease infinite;background:linear-gradient(135deg,rgba(139,92,246,calc(var(--intensity)*.1)),rgba(59,130,246,calc(var(--intensity)*.1)),rgba(236,72,153,calc(var(--intensity)*.1)));background-size:200% 200%}.corner-accent{height:20px;opacity:0;position:absolute;transition:all .3s ease;width:20px}.corner-accent:after,.corner-accent:before{background:var(--primary-color);content:"";position:absolute}.corner-accent:before{height:2px;width:100%}.corner-accent:after{height:100%;width:2px}.corner-accent-tl{left:0;top:0}.corner-accent-tr{right:0;top:0}.corner-accent-tr:after,.corner-accent-tr:before{right:0}.corner-accent-bl{bottom:0;left:0}.corner-accent-bl:after,.corner-accent-bl:before{bottom:0}.corner-accent-br,.corner-accent-br:after,.corner-accent-br:before{bottom:0;right:0}.dynamic-wrapper:hover .corner-accent{opacity:calc(var(--intensity)*.8)}.dynamic-wrapper:hover .corner-accent-br,.dynamic-wrapper:hover .corner-accent-tl{transform:scale(1.2)}.dynamic-wrapper:hover .corner-accent-bl,.dynamic-wrapper:hover .corner-accent-tr{transform:scale(1.2) rotate(90deg)}.dynamic-wrapper:after{background:radial-gradient(circle,rgba(139,92,246,calc(var(--intensity)*.4)),transparent 70%);border-radius:50%;content:"";filter:blur(20px);height:100px;left:var(--mouse-x);opacity:0;pointer-events:none;position:absolute;top:var(--mouse-y);transform:translate(-50%,-50%);transition:opacity .3s ease;width:100px;z-index:5}.dynamic-wrapper:hover:after{opacity:1}.dark .dynamic-border:before,.dark .dynamic-electric-wrapper{background:#1f2937}.dark .dynamic-wrapper:after{background:radial-gradient(circle,rgba(167,139,250,calc(var(--intensity)*.4)),transparent 70%)}@media (prefers-reduced-motion:reduce){.dynamic-border,.dynamic-morph-wrapper:before,.dynamic-pulse-wrapper:after,.dynamic-pulse-wrapper:before,.electric-line{animation:none!important}.dynamic-wrapper:after{display:none}}@media (max-width:768px){.dynamic-wrapper{--intensity:0.3}.corner-accent,.dynamic-wrapper:after,.electric-line{display:none}.dynamic-border{animation-duration:12s}}.article-content{color:#374151;font-size:1.125rem;letter-spacing:-.01em;line-height:1.75}.dark .article-content{color:#d1d5db}.article-content>p:first-of-type{color:#1f2937;font-size:1.25rem;font-weight:400;line-height:1.8}.dark .article-content>p:first-of-type{color:#e5e7eb}.article-content>p:first-of-type:first-letter{color:#7c3aed;float:left;font-size:4rem;font-weight:700;line-height:1;margin-right:.5rem;margin-top:.25rem}.code-block{background:#1e293b;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);margin:2rem 0;overflow:hidden;position:relative}.code-block:before{background:hsla(0,0%,100%,.1);color:#94a3b8;content:attr(data-language);font-family:monospace;font-size:.75rem;padding:.5rem 1rem;position:absolute;right:0;text-transform:uppercase;top:0}.code-block code{display:block;font-size:.875rem;line-height:1.7;overflow-x:auto;padding:1.5rem}.code-block-wrapper{border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);margin:2rem 0;overflow:hidden;position:relative}.code-block-header{border-bottom:1px solid hsla(0,0%,100%,.1)}.code-copy-button{font-family:system-ui,-apple-system,sans-serif}.code-copy-button:focus{outline:2px solid #8b5cf6;outline-offset:2px}.code-block-content{font-family:Fira Code,Consolas,Monaco,monospace}.code-block-content pre{font-size:.875rem;line-height:1.7;margin:0}.code-block-content::-webkit-scrollbar{height:8px}.code-block-content::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}.code-block-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}.code-block-content::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.inline-code{background-color:rgba(139,92,246,.1);border-radius:.25rem;color:#8b5cf6;font-family:Fira Code,monospace;font-size:.875em;font-weight:500;padding:.125rem .375rem}.dark .inline-code{background-color:rgba(139,92,246,.2);color:#a78bfa}.copyable-code{position:relative;transition:all .2s ease}.copyable-code:hover{background-color:rgba(139,92,246,.2);box-shadow:0 0 0 2px rgba(139,92,246,.3)}.dark .copyable-code:hover{background-color:rgba(139,92,246,.3)}.copyable-code.copied{background-color:rgba(34,197,94,.2)!important;box-shadow:0 0 0 2px rgba(34,197,94,.3)!important;color:#16a34a!important}.dark .copyable-code.copied{background-color:rgba(34,197,94,.3)!important;color:#22c55e!important}.copyable-code:after{background:#1f2937;border-radius:.25rem;bottom:100%;color:#fff;content:"Click to copy";font-size:.75rem;font-weight:400;left:50%;opacity:0;padding:.25rem .5rem;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-4px);transition:opacity .2s ease;white-space:nowrap}.copyable-code:hover:after{opacity:1}.copyable-code.copied:after{background:#16a34a;content:"Copied!"}.article-content blockquote{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-left:4px solid #8b5cf6;border-radius:.5rem;font-style:italic;margin:2rem 0;padding:1.5rem 2rem;position:relative}.dark .article-content blockquote{background:linear-gradient(135deg,#1f2937,#111827);border-left-color:#a78bfa}.article-content table{border-radius:.75rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);margin:2rem 0;overflow:hidden}.article-content th{background:#f3f4f6;font-weight:600;padding:1rem;text-align:left}.dark .article-content th{background:#1f2937}.article-content td{border-top:1px solid #e5e7eb;padding:1rem}.dark .article-content td{border-top-color:#374151}.article-content tr:hover{background:#f9fafb}.dark .article-content tr:hover{background:#1f2937}html{scroll-behavior:smooth;scroll-padding-top:5rem}.article-content ol,.article-content ul{margin:1.5rem 0;padding-left:2rem}.article-content li{line-height:1.75;margin:.5rem 0}.article-content ul li::marker{color:#8b5cf6}.article-content ol li::marker{color:#8b5cf6;font-weight:600}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.animate-fade-in{animation:fade-in .3s ease-out}.animate-fade-out{animation:fade-out .3s ease-out}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transform:translateY(-2px)}.focus-ring{transition:box-shadow .2s ease}.focus-ring:focus{box-shadow:0 0 0 3px rgba(139,92,246,.5);outline:none}@media print{.article-content{font-size:12pt;line-height:1.5;max-width:100%}.article-content a{text-decoration:underline}.article-content a[href^=http]:after{content:" (" attr(href) ")";font-size:.8em}}.skip-link{background:#1f2937;border-radius:.375rem;color:#fff;left:-9999px;padding:1rem;position:absolute;text-decoration:none;z-index:999}.skip-link:focus{left:50%;transform:translateX(-50%)}.tooltip{cursor:help;position:relative}.tooltip:hover:after{background:#1f2937;border-radius:.375rem;color:#fff;content:attr(data-tooltip);font-size:.875rem;margin-bottom:.5rem;padding:.5rem 1rem;white-space:nowrap;z-index:10}.tooltip:hover:after,.tooltip:hover:before{animation:fade-in .2s ease;bottom:100%;left:50%;position:absolute;transform:translateX(-50%)}.tooltip:hover:before{border:6px solid transparent;border-top-color:#1f2937;content:"";margin-bottom:-.5rem;z-index:11}.code-block-wrapper{transition:transform .2s ease,box-shadow .2s ease}.code-block-wrapper:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-2px)}.code-copy-button{opacity:0;transform:translateX(10px);transition:all .2s ease}.code-block-header:hover .code-copy-button,.code-block-wrapper:hover .code-copy-button{opacity:1;transform:translateX(0)}.code-block-content table{border-collapse:collapse;width:100%}.code-block-content td{padding:0;vertical-align:top}.code-block-content tr:hover{background-color:rgba(139,92,246,.05)}@media (max-width:640px){.code-copy-button{opacity:1;transform:translateX(0)}.code-block-header{align-items:flex-start;flex-direction:column;gap:.5rem}}.backlink{font-weight:500;position:relative}.blog-image{margin:3rem 0}.blog-image figure{margin:0}.blog-image img{border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.cursor-zoom-in{cursor:zoom-in}.image-gallery{margin:3rem 0}.image-gallery img{transition:transform .3s ease}.image-gallery .group:hover img{transform:scale(1.1)}.enhanced-content a:not(.backlink){color:#8b5cf6;text-decoration:underline;text-decoration-color:rgba(139,92,246,.3);text-decoration-thickness:2px;text-underline-offset:2px;transition:all .2s ease}.enhanced-content a:not(.backlink):hover{text-decoration-color:rgba(139,92,246,.8)}.dark .enhanced-content a:not(.backlink){color:#a78bfa;text-decoration-color:rgba(167,139,250,.3)}.dark .enhanced-content a:not(.backlink):hover{text-decoration-color:rgba(167,139,250,.8)}figcaption{color:#6b7280;font-style:italic;margin-top:.75rem}.dark figcaption{color:#9ca3af}@media (max-width:768px){.image-gallery{grid-template-columns:1fr}}.line-numbers{counter-reset:linenumber;padding-left:3.8em!important;position:relative}.line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{border-right:1px solid #4b5563;font-size:100%;left:-3.8em;letter-spacing:-1px;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:3em}.line-numbers-rows>span{counter-increment:linenumber;display:block}.line-numbers-rows>span:before{color:#6b7280;content:counter(linenumber);display:block;padding-right:.8em;text-align:right}.line-highlight{background-color:rgba(217,119,6,.2)!important;display:block;margin-left:-1em;margin-right:-1em;margin-top:-1em;padding-bottom:1em;padding-left:1em;padding-top:1em}.terminal-style{background-color:#000!important;color:#4ade80;font-family:Courier New,Courier,monospace!important}.token.comment{color:#6b7280;font-style:italic}.token.punctuation{color:#9ca3af}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#f87171}.token.char,.token.inserted,.token.selector,.token.string{color:#4ade80}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#67e8f9}.token.keyword{color:#c084fc}.token.class-name,.token.function{color:#fde047}.token.important,.token.regex,.token.variable{color:#fb923c}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}@keyframes copy-success{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0deg)}}.code-copy-button svg{transition:transform .2s ease}.code-copy-button:active svg{animation:copy-success .4s ease}@media (max-width:640px){.line-numbers{padding-left:2.5em!important}.line-numbers .line-numbers-rows{left:-2.5em;width:2em}}.blog-article div[data-component=CodeBlock],.code-block-wrapper,.enhanced-blog-content .code-block-wrapper,.enhanced-blog-content div[data-component=CodeBlock],.formatted-content div[data-component=CodeBlock],article div[data-component=CodeBlock],div[data-component=CodeBlock]{background-color:#1e293b!important;border-radius:.5rem!important;margin:1.5rem 0!important;overflow:hidden!important;position:relative!important}.code-block-wrapper[data-terminal=true],div[data-component=CodeBlock][data-terminal=true],div[data-terminal=true][data-component=CodeBlock]{background-color:#000!important}.blog-article pre,.code-block-wrapper pre,.enhanced-blog-content pre,.formatted-content pre,div[data-component=CodeBlock] pre{background-color:transparent!important;background:transparent!important;border:none!important;margin:0!important;overflow-x:auto!important;padding:1rem!important}.blog-article pre code,.code-block-wrapper pre code,.enhanced-blog-content pre code,.formatted-content pre code,div[data-component=CodeBlock] pre code{background-color:transparent!important;background:transparent!important;border:none!important;color:#e2e8f0!important;display:block!important;font-family:Fira Code,Consolas,Monaco,Courier New,monospace!important;font-size:.875rem!important;line-height:1.7!important;padding:0!important;white-space:pre!important}.code-block-wrapper[data-terminal=true] pre code,div[data-terminal=true] pre code{color:#10b981!important}.line-numbers-rows{background-color:rgba(17,24,39,.5)!important;border-right:1px solid #4b5563!important;color:#6b7280!important;font-size:.875rem!important;left:0!important;line-height:1.7!important;padding-right:.75rem!important;pointer-events:none!important;position:absolute!important;text-align:right!important;top:1rem!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;width:3rem!important;z-index:10!important}div[data-line-numbers=true] pre,pre.line-numbers{padding-left:3.5rem!important}.article-content>p:first-of-type:first-letter,.blog-article>p:first-of-type:first-letter{color:var(--color-primary-600,#8b5cf6);float:left;font-family:var(--font-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:4em;font-weight:700;line-height:.8;margin:.1em .1em 0 0}.article-content>p:first-of-type,.blog-article>p:first-of-type{color:var(--color-neutral-700,#374151);font-size:1.125rem;line-height:1.75;margin-bottom:1.5rem}.content-table{border-collapse:collapse;font-size:.875rem;width:100%}.content-table thead{background-color:var(--color-neutral-100,#f3f4f6);border-bottom:2px solid var(--color-neutral-200,#e5e7eb)}.content-table th{color:var(--color-neutral-900,#111827);font-weight:600;padding:.75rem 1rem;text-align:left}.content-table td{border-bottom:1px solid var(--color-neutral-200,#e5e7eb);padding:.75rem 1rem}.content-table tbody tr:hover{background-color:var(--color-neutral-50,#f9fafb)}.content-blockquote{background:linear-gradient(135deg,var(--color-neutral-50,#f9fafb) 0,var(--color-neutral-100,#f3f4f6) 100%);border-left:4px solid var(--color-primary-500,#a78bfa);border-radius:0 .5rem .5rem 0;font-style:italic;margin:2rem 0;padding:1.5rem 2rem;position:relative}.content-link{color:var(--color-primary-600,#8b5cf6);text-decoration:underline;text-decoration-color:var(--color-primary-300,#c4b5fd);text-decoration-thickness:2px;text-underline-offset:2px;transition:all .2s ease}.content-link:hover{color:var(--color-primary-700,#7c3aed);text-decoration-color:var(--color-primary-400,#a78bfa)}.backlink-wrapper{display:inline-block;position:relative}.backlink{color:var(--color-primary-600,#7c3aed);text-decoration:underline;text-decoration-color:var(--color-primary-300,#c4b5fd);text-decoration-thickness:2px;text-underline-offset:2px;transition:all .2s}.backlink:hover{color:var(--color-primary-700,#6d28d9);text-decoration-color:var(--color-primary-400,#a78bfa)}.backlink-text{position:relative}.backlink svg{opacity:.7;transition:opacity .2s}.backlink:hover svg{opacity:1}.backlink-tooltip{animation:fadeIn .2s;bottom:100%;left:50%;margin-bottom:.5rem;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:1000}.tooltip-content{background-color:#1f2937;border-radius:.375rem;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;max-width:300px;padding:.5rem .75rem;white-space:nowrap}.tooltip-domain{font-size:.875rem;font-weight:600}.tooltip-url{color:#9ca3af;font-size:.75rem;overflow:hidden;text-overflow:ellipsis}@keyframes fadeIn{0%{opacity:0;transform:translateX(-50%) translateY(.25rem)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.blog-article code:not(pre code),.formatted-content code:not(pre code),.inline-code,code.inline-code{background-color:rgba(139,92,246,.1)!important;border-radius:.25rem!important;color:var(--color-primary-600,#8b5cf6)!important;font-family:Fira Code,Consolas,Monaco,Courier New,monospace!important;font-size:.875em!important;padding:.125rem .375rem!important}@media (prefers-color-scheme:dark){.code-block-wrapper,div[data-component=CodeBlock]{background-color:#1e293b!important}.content-table thead{background-color:var(--color-neutral-800,#1f2937)}.content-table th{color:var(--color-neutral-100,#f3f4f6)}.content-table tbody tr:hover{background-color:var(--color-neutral-800,#1f2937)}.content-blockquote{background:linear-gradient(135deg,var(--color-neutral-800,#1f2937) 0,var(--color-neutral-700,#374151) 100%);color:var(--color-neutral-200,#e5e7eb)}.inline-code,code:not(pre code){background-color:rgba(139,92,246,.2)!important;color:var(--color-primary-400,#a78bfa)!important}}@media print{.code-block-wrapper,div[data-component=CodeBlock]{background-color:#f3f4f6!important;border:1pt solid #000!important;page-break-inside:avoid}.code-block-wrapper pre code,div[data-component=CodeBlock] pre code{color:#000!important;font-size:10pt!important}.code-block-header,.line-numbers-rows{display:none!important}.content-table{border:1pt solid #000}.content-table td,.content-table th{border:1pt solid #000;padding:6pt}}.code-block-copy:focus,.code-block-toggle:focus,.content-link:focus{border-radius:.25rem;outline:2px solid var(--color-primary-600,#8b5cf6);outline-offset:2px}.skip-link:focus{background-color:var(--color-primary-600,#8b5cf6);border-radius:.375rem;color:#fff;left:1rem;padding:.5rem 1rem;position:fixed;text-decoration:none;top:1rem;z-index:9999}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}