.container{max-width:1400px;margin:0 auto;padding:0 1rem}.container,h1{position:relative}h1{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#6e84a3,#019cbb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:3rem;letter-spacing:-.02em;line-height:1.1}@keyframes titleGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}h1:hover{animation:titleGlow 2s ease-in-out infinite}.grid{display:grid;gap:2rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.bg-white{background:linear-gradient(135deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.85));backdrop-filter:blur(20px);border:1px solid rgba(110,132,163,.08);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.bg-white:before{content:"";position:absolute;inset:0;border-radius:1rem;padding:1px;background:linear-gradient(135deg,transparent,rgba(1,156,187,.1) 50%,transparent);-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;transition:opacity .3s ease}.rounded-lg{border-radius:1.25rem}.shadow-md{box-shadow:0 10px 40px -10px rgba(110,132,163,.15),0 4px 6px -4px rgba(110,132,163,.1),0 1px 0 0 rgba(110,132,163,.02)}.overflow-hidden{overflow:hidden}.bg-white:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 60px -15px rgba(110,132,163,.25),0 15px 20px -10px rgba(1,156,187,.15),0 1px 0 0 rgba(1,156,187,.1);border-color:rgba(1,156,187,.2)}.bg-white:hover:before{opacity:1}.relative{position:relative;width:100%;padding-top:56.25%;background:linear-gradient(135deg,#f0f4f8,#d9e2ec);overflow:hidden;border-radius:1rem 1rem 0 0}.relative:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(0deg,rgba(0,0,0,.1) 0,transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.post-link:hover .relative:after{opacity:1}.relative img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1),filter .3s ease}.post-link:hover .relative img{transform:scale(1.08);filter:brightness(1.05) saturate(1.1)}.p-6{padding:1.5rem}.post-link span.block{font-size:1.375rem;font-weight:700;color:#2c2e33;line-height:1.35;margin-bottom:.75rem;transition:all .3s ease;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.01em}.post-link:hover span.block{color:#019cbb;transform:translateX(2px)}.text-gray-500{color:#019cbb;font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;opacity:.8;display:inline-block;padding:.25rem .75rem;background:rgba(1,156,187,.08);border-radius:20px;margin-bottom:.5rem}.post-excerpt{color:#64748b;font-size:.9375rem;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:.75rem;opacity:.9;transition:opacity .3s ease}.post-link:hover .post-excerpt{opacity:1}.post-link{display:block;height:100%}.post-link,.post-link:hover{text-decoration:none}.search-container{display:flex;justify-content:center;margin-bottom:3rem;position:relative}.search-input-wrapper{width:100%;max-width:600px;position:relative}.search-input-wrapper:focus-within{filter:drop-shadow(0 0 20px rgba(1,156,187,.2))}.pagination{display:flex;justify-content:center;align-items:center;margin-top:4rem;margin-bottom:3rem;gap:.75rem;flex-wrap:wrap}.pagination a{padding:.625rem 1rem;border-radius:.75rem;font-weight:600;font-size:.9375rem;color:#6e84a3;background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);border:1px solid rgba(110,132,163,.1);transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden}.pagination a:hover{background:rgba(1,156,187,.1);border-color:rgba(1,156,187,.3);color:#019cbb;transform:translateY(-2px);box-shadow:0 4px 12px -2px rgba(1,156,187,.2)}.pagination a.active{background:linear-gradient(135deg,#6e84a3,#019cbb);color:#fff;font-weight:700;box-shadow:0 4px 16px -2px rgba(1,156,187,.3);border-color:transparent;transform:scale(1.05)}:root[data-mantine-color-scheme=dark] .bg-white{background:rgba(44,46,51,.8);backdrop-filter:blur(10px);border-color:rgba(110,132,163,.2)}:root[data-mantine-color-scheme=dark] .shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}:root[data-mantine-color-scheme=dark] .bg-white:hover{box-shadow:0 20px 25px -5px rgba(1,156,187,.2),0 10px 10px -5px rgba(1,156,187,.1);border-color:rgba(1,156,187,.4)}:root[data-mantine-color-scheme=dark] .post-link span.block{color:#f9fbfd}:root[data-mantine-color-scheme=dark] .post-link:hover span.block{color:#65f8c6}:root[data-mantine-color-scheme=dark] .text-gray-500{color:#9ca3af}:root[data-mantine-color-scheme=dark] .post-excerpt{color:#d1d5db}:root[data-mantine-color-scheme=dark] .relative{background:linear-gradient(135deg,#2c2e33,#1a1c20)}:root[data-mantine-color-scheme=dark] .pagination a{color:#9ca3af;background:rgba(110,132,163,.1)}:root[data-mantine-color-scheme=dark] .pagination a:hover{background:rgba(110,132,163,.2);color:#65f8c6}:root[data-mantine-color-scheme=dark] .pagination a.active{background:linear-gradient(135deg,#019cbb,#65f8c6)}.content video,.video-container video{display:block;max-width:100%;height:auto}.content video,.video-container,.video-container video{margin:1.5rem 0;border-radius:1rem;box-shadow:0 10px 15px -3px rgba(110,132,163,.1),0 4px 6px -2px rgba(110,132,163,.05)}.video-container{position:relative;width:100%;overflow:hidden}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading-card{background:linear-gradient(90deg,rgba(110,132,163,.05),rgba(110,132,163,.1) 50%,rgba(110,132,163,.05));background-size:1000px 100%;animation:shimmer 2s infinite}.mt-4{margin-top:1rem}.text-sm{font-size:.875rem}.image-wrapper{position:relative;width:100%;padding-top:66.67%;background:linear-gradient(135deg,#f0f4f8,#d9e2ec);overflow:hidden}.image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}@media (max-width:768px){h1{font-size:2.5rem}.post-link span.block{font-size:1.125rem}.container{padding:0 .75rem}}html{scroll-behavior:smooth}.post-link:focus-visible{outline:2px solid #019cbb;outline-offset:2px;border-radius:1rem}.pagination a:focus-visible{outline:2px solid #019cbb;outline-offset:2px}.blog-post-paper{background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);border:1px solid rgba(110,132,163,.1);transition:all .3s ease}:root[data-mantine-color-scheme=dark] .blog-post-paper{background:rgba(44,46,51,.95);border:1px solid rgba(110,132,163,.2)}.content{font-size:1.1rem;line-height:1.8;color:#2c2e33;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin-top:2rem;margin-bottom:1rem;font-weight:600;line-height:1.3}.content h1{font-size:2rem;background:linear-gradient(135deg,#6e84a3,#019cbb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content h2{font-size:1.75rem;color:#6e84a3}.content h3{font-size:1.5rem;color:#6e84a3}.content p{margin-bottom:1.25rem}.content a{color:#019cbb;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.content a:hover{border-bottom-color:#019cbb}.content blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:4px solid #6e84a3;background:rgba(110,132,163,.05);border-radius:.5rem;font-style:italic}.content code{font-family:Fira Code,Consolas,monospace;font-size:.9em;padding:.2em .4em;background:rgba(110,132,163,.1);border-radius:.25rem;color:#6e84a3;word-break:break-word}.content pre{margin:1.5rem 0;padding:1rem;background:#f8f9fa;border-radius:.5rem;overflow-x:auto;border:1px solid rgba(110,132,163,.1);max-width:100%;display:block}.content pre code{background:none;padding:0;color:inherit;display:block;min-width:0;white-space:pre;word-break:normal;word-wrap:normal;overflow-wrap:normal}.content ol,.content ul{margin-bottom:1.25rem;padding-left:2rem}.content li{margin-bottom:.5rem}:root[data-mantine-color-scheme=dark] .content{color:#f9fbfd}:root[data-mantine-color-scheme=dark] .content a,:root[data-mantine-color-scheme=dark] .content h2,:root[data-mantine-color-scheme=dark] .content h3{color:#65f8c6}:root[data-mantine-color-scheme=dark] .content a:hover{border-bottom-color:#65f8c6}:root[data-mantine-color-scheme=dark] .content blockquote{background:rgba(110,132,163,.1);border-left-color:#65f8c6}:root[data-mantine-color-scheme=dark] .content code{background:rgba(110,132,163,.2);color:#65f8c6}:root[data-mantine-color-scheme=dark] .content pre{background:#1a1c20;border-color:rgba(110,132,163,.3)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.grid{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.grid>div{animation:fadeInUp .7s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.grid>div:first-child{animation-delay:.05s}.grid>div:nth-child(2){animation-delay:.1s}.grid>div:nth-child(3){animation-delay:.15s}.grid>div:nth-child(4){animation-delay:.2s}.grid>div:nth-child(5){animation-delay:.25s}.grid>div:nth-child(6){animation-delay:.3s}.grid>div:nth-child(7){animation-delay:.35s}.grid>div:nth-child(8){animation-delay:.4s}.grid>div:nth-child(9){animation-delay:.45s}.grid>div:nth-child(10){animation-delay:.5s}.grid>div:nth-child(11){animation-delay:.55s}.grid>div:nth-child(12){animation-delay:.6s}.empty-state{text-align:center;padding:4rem 2rem;animation:fadeIn .6s ease-out}.empty-state-icon{font-size:4rem;opacity:.3;margin-bottom:1rem;filter:grayscale(1)}.read-more{display:inline-flex;align-items:center;margin-top:1rem;font-size:.875rem;font-weight:600;color:#019cbb;transition:all .3s ease;opacity:0;transform:translateX(-4px)}.post-link:hover .read-more{opacity:1;transform:translateX(0)}.blog-header{text-align:center;margin-bottom:3rem;padding:2rem 0;position:relative}.blog-header:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle at center,rgba(1,156,187,.05) 0,transparent 70%);pointer-events:none;z-index:-1}.blog-card{position:relative}.blog-card:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,transparent,rgba(1,156,187,.2),transparent);border-radius:1.25rem;opacity:0;z-index:-1;transition:opacity .3s ease}.blog-card:hover:after{opacity:1;animation:shimmerRotate 3s linear infinite}@keyframes shimmerRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root[data-mantine-color-scheme=dark] .blog-card:after{background:linear-gradient(45deg,transparent,rgba(101,248,198,.2),transparent)}:root[data-mantine-color-scheme=dark] .read-more{color:#65f8c6}.search-container input{font-size:1rem!important;padding:.875rem 1.25rem!important;border-radius:.875rem!important;border:1px solid rgba(110,132,163,.15)!important;background:hsla(0,0%,100%,.9)!important;backdrop-filter:blur(10px)!important;transition:all .3s ease!important}.search-container input:focus{border-color:rgba(1,156,187,.4)!important;box-shadow:0 0 0 3px rgba(1,156,187,.1)!important}:root[data-mantine-color-scheme=dark] .search-container input{background:rgba(44,46,51,.8)!important;border-color:rgba(110,132,163,.2)!important}:root[data-mantine-color-scheme=dark] .search-container input:focus{border-color:rgba(101,248,198,.4)!important;box-shadow:0 0 0 3px rgba(101,248,198,.1)!important}.loading-skeleton{background:linear-gradient(90deg,rgba(110,132,163,.05) 25%,rgba(110,132,163,.1) 50%,rgba(110,132,163,.05) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.content pre{scrollbar-width:thin;scrollbar-color:rgba(110,132,163,.3) rgba(110,132,163,.1)}.content pre::-webkit-scrollbar{height:10px;width:10px}.content pre::-webkit-scrollbar-track{background:rgba(110,132,163,.05);border-radius:5px}.content pre::-webkit-scrollbar-thumb{background:rgba(110,132,163,.2);border-radius:5px;border:2px solid transparent;background-clip:content-box}.content pre::-webkit-scrollbar-thumb:hover{background:rgba(110,132,163,.3);background-clip:content-box}.content pre::-webkit-scrollbar-corner{background:rgba(110,132,163,.05)}:root[data-mantine-color-scheme=dark] .content pre{scrollbar-color:rgba(101,248,198,.3) rgba(110,132,163,.1)}:root[data-mantine-color-scheme=dark] .content pre::-webkit-scrollbar-track{background:rgba(110,132,163,.1)}:root[data-mantine-color-scheme=dark] .content pre::-webkit-scrollbar-thumb{background:rgba(101,248,198,.3);background-clip:content-box}:root[data-mantine-color-scheme=dark] .content pre::-webkit-scrollbar-thumb:hover{background:rgba(101,248,198,.4);background-clip:content-box}[data-paper-root]{overflow:hidden}.content{overflow-x:hidden}.content pre code{max-width:none!important;overflow-x:visible!important}.content :not(pre)>code{max-width:100%;display:inline-block;overflow-wrap:break-word;word-wrap:break-word;vertical-align:bottom}.content iframe,.content img,.content table,.content video{max-width:100%;height:auto;display:block;margin:1rem auto;border-radius:.5rem}.content table{overflow-x:auto;display:block}.content td,.content th{white-space:nowrap;padding:.5rem 1rem}[class*=Paper-root]{max-width:100%;overflow:hidden}.content .code-block,.content div[class*=codeWrapper]{max-width:100%;overflow-x:auto}.back-button:hover{background-color:rgba(1,156,187,.08)!important;transform:translateX(-4px)!important}.back-button-local:hover{background-color:rgba(110,132,163,.1)!important}.video-embed{width:100%;max-width:100%;margin:12px 0;border-radius:12px;overflow:hidden}.video-embed iframe{width:100%;height:auto;aspect-ratio:16/9;display:block;border:0}@supports not (aspect-ratio:1){.video-embed{position:relative;padding-bottom:56.25%;height:0}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%}}.blog-post-paper iframe{max-width:100%}@media (max-width:640px){.blog-post-paper .video-embed{--paper-pad:var(--mantine-spacing-xl,24px);margin-left:calc(-1 * var(--paper-pad));margin-right:calc(-1 * var(--paper-pad));width:calc(100% + (2 * var(--paper-pad)));max-width:none;border-radius:0}}