@media (min-width: 1200px){.min-h-screen{max-width:1400px;margin:0 auto;padding:0 2rem}}[data-darkreader-mode] *{border-color:color-mix(in srgb,var(--background, #242424) 80%,white)!important}[data-darkreader-mode] .glass{background:color-mix(in srgb,var(--background, #242424) 95%,white)!important;backdrop-filter:blur(10px)}.error-boundary{min-height:50vh;display:flex;align-items:center;justify-content:center;padding:2rem}.error-boundary-content{text-align:center;max-width:600px;padding:2rem;border:1px solid rgb(239 68 68);border-radius:.5rem;background-color:#ef44441a}.error-boundary-content details{margin-top:1rem;text-align:left}.error-boundary-content summary{margin-bottom:.5rem;cursor:pointer}.error-boundary-content summary:hover{color:#d1d5db}.error-boundary-content pre{max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}:root{--ff-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--ff-mono: ui-monospace, "SF Mono", "Roboto Mono", Consolas, "Liberation Mono", Menlo, monospace;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--accent-hue: 217;--accent-saturation: 91%;--accent-lightness: 60%;--color-accent-50: hsl(var(--accent-hue) var(--accent-saturation) 95%);--color-accent-100: hsl(var(--accent-hue) var(--accent-saturation) 90%);--color-accent-200: hsl(var(--accent-hue) var(--accent-saturation) 80%);--color-accent-300: hsl(var(--accent-hue) var(--accent-saturation) 70%);--color-accent: hsl(var(--accent-hue) var(--accent-saturation) var(--accent-lightness));--color-accent-600: hsl(var(--accent-hue) var(--accent-saturation) 50%);--color-accent-700: hsl(var(--accent-hue) var(--accent-saturation) 40%);--color-accent-800: hsl(var(--accent-hue) var(--accent-saturation) 30%);--color-accent-900: hsl(var(--accent-hue) var(--accent-saturation) 20%);--color-error: #dc2626;--color-error-light: #ef4444;--color-error-dark: #b91c1c;--surface-0: var(--color-white);--surface-1: var(--color-gray-50);--surface-2: var(--color-gray-100);--surface-3: var(--color-gray-200);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-600);--text-tertiary: var(--color-gray-500);--accent: var(--color-accent);--accent-light: var(--color-accent-300);--accent-dark: var(--color-accent-700);--border-color: var(--color-gray-200);--border-color-light: var(--color-gray-100);--shadow-color: rgba(0, 0, 0, .1);--shadow-sm: 0 1px 2px var(--shadow-color);--shadow-md: 0 4px 6px -1px var(--shadow-color), 0 2px 4px -2px var(--shadow-color);--shadow-lg: 0 10px 15px -3px var(--shadow-color), 0 4px 6px -4px var(--shadow-color);--shadow-xl: 0 20px 25px -5px var(--shadow-color), 0 8px 10px -6px var(--shadow-color);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--backdrop-blur: blur(10px);--transition-quick: .2s ease;--transition-medium: .3s ease;--transition-slow: .5s ease}@media (prefers-color-scheme: dark){:root{--surface-0: #242424;--surface-1: color-mix(in srgb, var(--surface-0) 95%, white);--surface-2: color-mix(in srgb, var(--surface-0) 90%, white);--surface-3: color-mix(in srgb, var(--surface-0) 85%, white);--text-primary: var(--color-gray-50);--text-secondary: var(--color-gray-300);--text-tertiary: var(--color-gray-400);--accent: hsl(var(--accent-hue) var(--accent-saturation) 65%);--accent-light: hsl(var(--accent-hue) var(--accent-saturation) 70%);--accent-dark: hsl(var(--accent-hue) var(--accent-saturation) 55%);--border-color: color-mix(in srgb, var(--surface-0) 80%, white);--border-color-light: color-mix(in srgb, var(--surface-0) 85%, white);--shadow-color: rgba(0, 0, 0, .3);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}}[data-darkreader-mode]{--surface-0: var(--background, #242424) !important;--surface-1: color-mix(in srgb, var(--background, #242424) 95%, white) !important;--surface-2: color-mix(in srgb, var(--background, #242424) 90%, white) !important;--surface-3: color-mix(in srgb, var(--background, #242424) 85%, white) !important;--text-primary: rgba(255, 255, 255, .87) !important;--text-secondary: rgba(255, 255, 255, .6) !important;--text-tertiary: rgba(255, 255, 255, .4) !important;--border-color: color-mix(in srgb, var(--background, #242424) 80%, white) !important;--glass-bg: color-mix(in srgb, var(--background, #242424) 95%, white) !important;--glass-border: color-mix(in srgb, var(--background, #242424) 80%, white) !important}:root{--surface-0-dark: var(--surface-0);--surface-1-dark: var(--surface-1);--surface-2-dark: var(--surface-2);--surface-3-dark: var(--surface-3);--text-primary-dark: var(--text-primary);--text-secondary-dark: var(--text-secondary);--clr-dark: var(--color-gray-900);--clr-light: var(--color-white);--clr-accent: var(--accent);--background: var(--surface-0)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--ff-primary);font-size:16px;line-height:1.5;font-weight:400;color:var(--text-primary);background:var(--surface-0);min-height:100vh;min-width:320px;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{max-width:100%;margin:0;padding:0;text-align:left}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.2;margin:0}h1{font-size:3.2rem;line-height:1.1}h2{font-size:2.5rem}h3{font-size:1.75rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}p{color:var(--text-secondary);margin:0;line-height:1.6}a{color:var(--accent);text-decoration:inherit;font-weight:500;transition:color var(--transition-quick);-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}a:hover{color:var(--accent-light)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--surface-2);color:var(--text-primary);cursor:pointer;transition:all var(--transition-quick)}button:hover{background-color:var(--surface-3);border-color:var(--accent)}button:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}code{font-family:var(--ff-mono);background:var(--surface-2);padding:.2em .4em;border-radius:4px;font-size:.9em;color:var(--text-primary)}pre{font-family:var(--ff-mono);background:var(--surface-2);border-radius:8px;padding:1rem;overflow-x:auto;margin:1.5rem 0}pre code{background:transparent;padding:0;font-size:.9rem;line-height:1.5}img{max-width:100%;height:auto;display:block}ul,ol{padding-left:1.5rem}li{margin-bottom:.25rem}table{width:100%;border-collapse:collapse;margin:1rem 0}th,td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}th{font-weight:600;color:var(--text-primary);background:var(--surface-1)}input,textarea,select{font-family:inherit;font-size:inherit;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--surface-0);color:var(--text-primary);transition:border-color var(--transition-quick)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-1)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--surface-3) 80%,black)}*{scrollbar-width:thin;scrollbar-color:var(--surface-3) var(--surface-1)}::selection{background:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--text-primary)}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:root{--border-color: var(--text-primary);--shadow-color: transparent}button{border:2px solid var(--text-primary)}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.card{background:var(--surface-1);border-radius:12px;width:340px;min-height:400px;height:100%;display:flex;flex-direction:column;overflow:hidden;margin:0 auto;border:1px solid var(--border-color-light);box-shadow:var(--shadow-md);transition:all var(--transition-quick);position:relative;isolation:isolate;padding:0;box-sizing:border-box;cursor:pointer;text-decoration:none;color:inherit;pointer-events:auto!important;user-select:none;touch-action:manipulation}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--accent);background:var(--surface-2)}.card:active{transform:translateY(-2px);transition-duration:.1s}.card[href]:hover,a.card:hover{color:inherit;text-decoration:none}.card--pressed{transform:translateY(-2px);transition-duration:.1s}.card--dragging{cursor:grabbing!important;transform:translateY(0);pointer-events:none;user-select:none;opacity:.9;transition:opacity .1s ease}.card--dragging *{pointer-events:none!important;user-select:none!important}.card--dragging:hover{transform:translateY(0)!important;box-shadow:var(--shadow-md)!important;border-color:var(--border-color-light)!important;background:var(--surface-1)!important}.card:not(.card--dragging){cursor:grab}.card:not(.card--dragging):hover{cursor:grab}.card:not(.card--dragging):active{cursor:grabbing}.card--dragging{cursor:grabbing!important;transform:translateY(0)!important;opacity:.9;transition:opacity .1s ease;z-index:1000}.card--dragging:hover{transform:translateY(0)!important}.card-image{width:100%;height:160px;overflow:hidden;position:relative;background:var(--surface-2);pointer-events:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.card-image img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1);transition:transform var(--transition-medium);pointer-events:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.card:hover .card-image img{transform:scale(1.05)}.card-content{flex:1;width:100%;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:2;align-items:flex-start;text-align:left;box-sizing:border-box;pointer-events:auto;user-select:none}.card--blog .card-content{padding:1rem;gap:.5rem}.card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;margin:0;line-height:1.3;width:100%;pointer-events:auto;user-select:none}.card-description{font-size:.9rem;line-height:1.4;color:var(--text-secondary);opacity:.9;margin:0;padding:0;width:100%;pointer-events:auto;user-select:none}.card-meta{margin-top:auto;padding:.75rem 1rem;border-top:1px solid var(--border-color-light);width:100%;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-secondary);box-sizing:border-box;pointer-events:auto;user-select:none}.card--blog{height:360px;min-height:360px}.card--blog .card-title{font-size:1.25rem;line-height:1.2;min-height:3rem;display:flex;align-items:center}.card--blog .card-description{margin-top:-.5rem;min-height:27%}.card--blog .blog-date{color:var(--text-secondary);font-size:.875rem;margin:0;line-height:1;height:.875rem;display:flex;align-items:center;justify-content:center;text-align:center}.card--blog .read-more{margin-top:auto;padding:.875rem 1rem;border-top:1px solid var(--border-color-light);color:var(--accent);font-size:.9rem;font-weight:500;text-align:right;width:100%;display:flex;align-items:center;justify-content:flex-end;line-height:1.2;min-height:2.5rem;transition:all var(--transition-quick);pointer-events:auto;background:color-mix(in srgb,var(--accent) 5%,transparent);cursor:pointer}.card--blog .read-more:hover{color:var(--accent-light);background:color-mix(in srgb,var(--accent) 10%,transparent)}.card--project{height:420px;min-height:420px}.card--project .project-meta{margin-top:auto;padding:.75rem 1rem;border-top:1px solid var(--border-color-light);width:100%;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-secondary);box-sizing:border-box;pointer-events:none;user-select:none;position:static}.card--project .stars{display:flex;align-items:center;gap:.25rem}.card--project .demo-link{margin-top:0;padding:.875rem 1rem;font-size:.9rem;opacity:.9;width:100%;text-align:center;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);font-weight:500;transition:all var(--transition-quick);border-top:1px solid var(--border-color-light);pointer-events:auto}.card--project .demo-link:hover{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent-light)}.slider-container{position:relative;width:100%;max-width:100%;overflow:visible;margin:0 auto;padding:1.5rem 0 4rem}@media (max-width: 1024px){.slider-container{padding:1.5rem 0 2rem}}@media (max-width: 1024px){.slider-container:after{content:"";position:absolute;right:0;top:0;width:60px;height:100%;background:linear-gradient(to left,var(--surface-0) 0%,color-mix(in srgb,var(--surface-0) 90%,transparent) 20%,color-mix(in srgb,var(--surface-0) 60%,transparent) 50%,color-mix(in srgb,var(--surface-0) 20%,transparent) 80%,transparent 100%);pointer-events:none;z-index:10;opacity:.95}}.slick-slider{position:relative;margin:0;padding:0;width:100%;display:flex;touch-action:pan-y pinch-zoom;cursor:default;pointer-events:all!important}.slick-slider:active{cursor:grabbing}.slick-list{overflow:visible;overflow-x:auto;margin:0;padding:1rem 0!important;width:100%;cursor:grab;touch-action:pan-x;position:relative;scrollbar-width:thin;scrollbar-color:var(--surface-3) var(--surface-1)}.slick-list::-webkit-scrollbar{height:8px}.slick-list::-webkit-scrollbar-track{background:var(--surface-1);border-radius:4px}.slick-list::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:4px}.slick-list::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--surface-3) 80%,black)}@media (max-width: 1024px){.slick-list{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;padding-bottom:1.5rem!important;scroll-behavior:smooth;cursor:grab;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.slick-list:active{cursor:grabbing}.slick-list.dragging{cursor:grabbing!important;scroll-behavior:auto}.slick-list::-webkit-scrollbar{height:8px}.slick-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px;margin:0 1rem;box-shadow:inset 0 0 3px #0000001a}.slick-list::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--accent),var(--accent-light));border-radius:4px;transition:all var(--transition-quick);box-shadow:0 2px 4px #0003}.slick-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,var(--accent-light),var(--accent));transform:scaleY(1.2)}.slick-list::-webkit-scrollbar-thumb:active{background:var(--accent-dark);box-shadow:0 1px 2px #0000004d}.card{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.card--pressed{transform:translateY(-1px)}.card--dragging{cursor:grabbing!important;transform:translateY(0)}.slick-slider{touch-action:pan-x pinch-zoom}.slick-track{transform:none!important;transition:none!important;will-change:auto!important;left:0!important}.slick-slide{transition:none!important;transform:none!important}}@media (max-width: 768px){.slick-list::-webkit-scrollbar{height:6px}.slick-list::-webkit-scrollbar-thumb:hover{transform:scaleY(1.1)}}@media (max-width: 1024px){.slick-list{overflow-x:auto!important;overflow-y:hidden!important;cursor:grab;scroll-snap-type:none!important;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior-x:contain}.slick-list:active{cursor:grabbing}.slick-slider{touch-action:pan-x pinch-zoom}.slick-track{transform:none!important;transition:none!important;will-change:auto!important;left:0!important}.slick-slide{transition:none!important;transform:none!important}}@media (max-width: 1024px){.slick-slider .slick-track{position:static!important;transform:translateZ(0)!important;left:auto!important;top:auto!important}.slick-slider .slick-slide{position:static!important;transform:none!important;left:auto!important;top:auto!important;opacity:1!important}.slick-slider{position:relative!important;transform:none!important}}.slick-slider[dir=ltr] .slick-list{margin-left:0;margin-right:0;text-align:left}.slick-list:active{cursor:grabbing}.slick-slider.dragging .slick-list{cursor:grabbing!important}.slick-slider.dragging .card{pointer-events:auto;user-select:none}.slick-track{display:flex!important;gap:1.5rem!important;width:auto!important;margin:0!important;justify-content:flex-start!important;transition:transform .3s ease!important;align-items:stretch!important}@media (max-width: 1024px){.slick-track{transition:none!important}}@media (min-width: 1025px){.github-projects-slider .slick-track,.blog-preview-slider .slick-track{justify-content:center!important;margin:0 auto!important}}@media (max-width: 1024px){.github-projects-slider .slick-track,.blog-preview-slider .slick-track{justify-content:flex-start!important;margin:0!important;width:max-content!important;max-width:none!important}}.slider-item{width:340px;padding:0;pointer-events:auto;display:flex;flex-shrink:0}.slick-arrow,.slick-prev,.slick-next{display:none!important}.slick-slide{display:flex!important;justify-content:center;padding:0;width:340px!important;pointer-events:auto!important;flex-shrink:0!important}.slick-slide>div{width:340px;height:100%;display:flex;flex-direction:column}.slick-dots{position:absolute!important;bottom:-40px!important;left:50%!important;transform:translate(-50%)!important;width:auto!important;padding:.5rem 0!important;margin:0!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:10;list-style:none}.slick-dots li{margin:0 6px!important;display:inline-block!important}.slick-dots li button{width:12px!important;height:12px!important;padding:0!important;border:none!important;background:transparent!important;cursor:pointer!important}.slick-dots li button:before{content:"•"!important;font-size:14px!important;line-height:12px!important;color:var(--text-secondary)!important;opacity:.4!important;width:12px!important;height:12px!important;display:block!important;text-align:center!important}.slick-dots li.slick-active button:before{color:var(--accent)!important;opacity:1!important}.slick-dots li button:hover:before{opacity:.8!important}@media (max-width: 1024px){.slick-dots{display:none!important}}.glass{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border)}.fade-in{animation:simpleFade .3s ease forwards}@keyframes simpleFade{0%{opacity:0}to{opacity:1}}.hover-effect{transition:var(--transition-medium)}.hover-effect:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.section-title{font-size:2rem;margin-bottom:1.5rem;text-align:center;color:var(--text-primary)}@media (min-width: 1024px){.section-title{font-size:2.25rem;margin-bottom:2rem}}.view-all-link{display:block;text-align:center;color:var(--accent);margin:2.5rem auto 0;padding-bottom:1rem;font-size:.95rem;max-width:fit-content;position:relative;z-index:2;transition:color var(--transition-quick)}.view-all-link:hover{color:var(--accent-light)}@media (max-width: 1024px){.slick-track{gap:.75rem!important;justify-content:flex-start!important;padding-left:1rem!important;width:fit-content!important;min-width:100%!important}.slick-list{overflow-x:auto!important;overflow-y:hidden!important;padding-right:1rem!important;scroll-snap-type:none;overscroll-behavior-x:contain}.card{width:280px;min-height:360px;flex-shrink:0}.card--blog{height:320px;min-height:320px}.slider-item{width:280px;flex-shrink:0;pointer-events:auto}.slick-slide{width:280px!important;flex-shrink:0!important}.slick-slide>div{width:280px}}@media (max-width: 768px){.slick-track{gap:.5rem!important;justify-content:flex-start!important;padding-left:1rem!important}.slick-list{overflow-x:auto!important;overflow-y:hidden!important;padding-right:1rem!important;overscroll-behavior-x:contain;scroll-snap-type:none}.card{width:220px;min-height:320px;flex-shrink:0}.card--blog{height:290px;min-height:290px}.slider-item{width:220px;padding:0;flex-shrink:0;pointer-events:auto}.slick-slide{width:220px!important;flex-shrink:0!important}.slick-slide>div{width:220px}.card-content{padding:1rem;gap:.6rem}.card--blog .card-content{padding:.75rem;gap:.4rem}.card-title{font-size:1rem}.card-description{font-size:.8rem}.card-image{height:120px}}@media (max-width: 480px){.slick-track{gap:.25rem!important;justify-content:flex-start!important;padding-left:1rem!important}.slick-list{overflow-x:auto!important;overflow-y:hidden!important;padding-right:1rem!important;overscroll-behavior-x:contain;scroll-snap-type:none}.card{width:200px;min-height:300px;flex-shrink:0}.card--blog{height:270px;min-height:270px}.slider-item{width:200px;padding:0;flex-shrink:0;pointer-events:auto}.slick-slide{width:200px!important;flex-shrink:0!important}.slick-slide>div{width:200px}.card-content{padding:.8rem;gap:.5rem}.card--blog .card-content{padding:.6rem;gap:.3rem}.card-title{font-size:.95rem;line-height:1.2;min-height:2.4rem}.card-description{font-size:.8rem}.card-image{height:110px}.card-meta,.read-more,.demo-link{padding:.6rem;font-size:.8rem}.card--blog .read-more{padding:.8rem 1rem;min-height:2.5rem;font-size:.85rem}}.card a,.card button,.demo-link,.card-link,.read-more{pointer-events:auto!important}.card-link{pointer-events:all!important;height:100%;display:flex;flex-direction:column;cursor:pointer;text-decoration:none;color:inherit}.card-link:hover{color:inherit}.card-image,.card-image *{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.card{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-select:none}.slick-slide .card{pointer-events:auto!important;cursor:pointer}.slick-slide .card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--accent);background:var(--surface-2)}.slick-slider.slick-dragging .card *{user-select:none;pointer-events:none}.slick-slider.slick-dragging .card{user-select:none;pointer-events:auto}.app-container{display:flex;flex-direction:column;min-height:100vh;background:var(--surface-0)}.main-content{flex:1 0 auto;margin-top:0;width:100%;margin-left:auto;margin-right:auto}.content-container{max-width:1400px;width:92%;margin-left:auto;margin-right:auto;padding:0 2rem}.content-wrapper{width:100%;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.section-container{width:100%;display:flex;justify-content:center;align-items:center;padding:1rem 0;margin:0}.section-container:first-child{padding-top:.25rem;margin-top:0}.section-container:last-child{padding-bottom:.25rem}.home-container{width:100%;max-width:1400px;margin:0 auto;padding:0;min-height:100vh;display:flex;flex-direction:column;background:var(--surface-0)}.blog-section,.blog-post-section{background:var(--surface-0);min-height:100vh;width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}.card-grid{display:block;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:0}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.m-10{margin:2.5rem}.m-12{margin:3rem}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-32{margin-top:8rem}.mt-36{margin-top:9rem}.mt-40{margin-top:10rem}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-9{margin-bottom:2.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-18{margin-bottom:4.5rem}.mb-20{margin-bottom:5rem}.mb-24{margin-bottom:6rem}.mb-32{margin-bottom:8rem}.mb-36{margin-bottom:9rem}.mb-40{margin-bottom:10rem}.mb-48{margin-bottom:12rem}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.font-thin{font-weight:100}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-loose{line-height:2}.tracking-tighter{letter-spacing:-.05em}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent)}.text-accent-light{color:var(--accent-light)}.text-error{color:var(--color-error)}.bg-surface-0{background-color:var(--surface-0)}.bg-surface-1{background-color:var(--surface-1)}.bg-surface-2{background-color:var(--surface-2)}.bg-surface-3{background-color:var(--surface-3)}.bg-accent{background-color:var(--accent)}.bg-accent-light{background-color:var(--accent-light)}.border{border:1px solid var(--border-color)}.border-0{border:0}.border-t{border-top:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-light{border-color:var(--border-color-light)}.border-accent{border-color:var(--accent)}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow,.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-visible{overflow-x:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-visible{overflow-y:visible}.overflow-y-scroll{overflow-y:scroll}.transition{transition:all var(--transition-quick)}.transition-colors{transition:color var(--transition-quick),background-color var(--transition-quick),border-color var(--transition-quick)}.transition-opacity{transition:opacity var(--transition-quick)}.transition-transform{transition:transform var(--transition-quick)}.duration-quick{transition-duration:var(--transition-quick)}.duration-medium{transition-duration:var(--transition-medium)}.duration-slow{transition-duration:var(--transition-slow)}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%{transform:translateY(0) translate(0);opacity:0}50%{opacity:.8}to{transform:translateY(-100vh) translate(100px);opacity:0}}.animate-gradient-slow{animation:gradient-shift 15s ease infinite;background-size:400% 400%}.particle{opacity:0;transform-origin:center}@media (max-width: 768px){.home-container{padding:0;overflow-x:hidden}.content-wrapper{width:100%;padding:0}.blog-section,.blog-post-section{padding:0 1rem}.content-container{width:95%;padding:0 1rem}main{width:100%}.md\:m-0{margin:0}.md\:p-0{padding:0}.md\:text-center{text-align:center}.md\:flex-col{flex-direction:column}.md\:mb-16{margin-bottom:4rem}.md\:mb-18{margin-bottom:4.5rem}.md\:mb-20{margin-bottom:5rem}.md\:mb-24{margin-bottom:6rem}.md\:mb-32{margin-bottom:8rem}.md\:mb-48{margin-bottom:12rem}}@media (min-width: 769px){.lg\:flex-row{flex-direction:row}.lg\:text-left{text-align:left}.content-container{max-width:1400px;width:92%;padding:0 2rem}.blog-section,.blog-post-section{max-width:1400px;padding:0 2rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 50%,transparent)}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.select-none{user-select:none}.select-text{user-select:text}.select-all{user-select:all}.select-auto{user-select:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.gradient-bg{display:none}.card{padding:0!important}.read-the-docs{color:var(--text-tertiary)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em color-mix(in srgb,var(--accent) 67%,transparent))}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.card,.card-image,.card-content{border:none!important;margin:0!important}[data-darkreader-mode]{background-color:var(--background, #242424)!important;color:var(--text-primary)!important}[data-darkreader-mode] .project-card,[data-darkreader-mode] .blog-preview-card{background:var(--surface-1)!important}[data-darkreader-mode] .site-header{background:var(--surface-0)!important;backdrop-filter:blur(10px)}