@media screen and (max-aspect-ratio:1/1)and (max-width:1600px),screen and (max-width:639px),screen and (max-width:768px){.blog-page .header-section{min-height:auto;padding:3rem 1rem}.blog-page .page-title{font-size:2.5rem;letter-spacing:-.04em;line-height:1.1;margin-bottom:1rem;word-break:break-word}.blog-page .md-syntax{color:var(--hash-color);font-size:.6em;margin-right:.5rem;-webkit-text-fill-color:var(--hash-color)}.blog-page .page-subtitle{font-size:1rem;line-height:1.5;margin-bottom:2rem;padding:0 1rem}.blog-page .search-container{max-width:100%;padding:0 1rem}.blog-page .search-input{font-size:.9rem;min-height:48px;padding:14px 40px 14px 20px}.blog-page .search-icon{font-size:1.25rem;right:30px}.blog-page .featured-section{padding:2rem 1rem 3rem}.blog-page .section-header{margin-bottom:2rem}.blog-page .section-title{font-size:1.75rem;line-height:1.2;margin-bottom:.75rem}.blog-page .featured-post{border-radius:16px;gap:1.5rem;grid-template-columns:1fr;padding:1.5rem}.blog-page .featured-post:hover{transform:none}.blog-page .featured-content{order:2}.blog-page .featured-image{order:1}.blog-page .featured-meta{gap:8px;margin-bottom:12px}.blog-page .featured-badge{font-size:.65rem;padding:3px 8px}.blog-page .featured-category{font-size:.8rem}.blog-page .featured-title{font-size:1.5rem;line-height:1.3;margin-bottom:12px}.blog-page .featured-excerpt{font-size:1rem;line-height:1.6;margin-bottom:16px}.blog-page .featured-info{flex-wrap:wrap;font-size:.8rem;margin-bottom:20px}.blog-page .featured-link{font-size:.95rem;min-height:44px;padding:12px 24px;text-align:center;width:100%}.blog-page .featured-image .featured-img{border-radius:8px;height:200px}.blog-page .image-placeholder{height:200px}.blog-page .image-text{font-size:1.2rem}.blog-page .category-tabs{gap:8px;margin-bottom:2rem;overflow-x:auto;padding:0 1rem;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;scrollbar-width:thin}.blog-page .category-tab{flex-shrink:0;font-size:.875rem;min-height:40px;padding:8px 16px;white-space:nowrap}.blog-page .category-count{font-size:.7rem;padding:1px 6px}.blog-page .posts-section{padding:3rem 0}.blog-page .posts-grid{display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:3rem;max-width:100%;padding:0 1rem}.blog-page .post-card{border-radius:12px}.blog-page .post-card:hover{transform:translateY(-2px)}.blog-page .post-image .image-placeholder,.blog-page .post-image .post-img{height:160px}.blog-page .post-content{padding:1.25rem}.blog-page .post-meta{margin-bottom:8px}.blog-page .post-category{font-size:.7rem}.blog-page .post-date{font-size:.8rem}.blog-page .post-title{font-size:1.1rem;line-height:1.35;margin-bottom:10px}.blog-page .post-excerpt{display:-webkit-box;font-size:.875rem;line-height:1.5;margin-bottom:12px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-page .post-footer{margin-bottom:12px}.blog-page .post-tags{gap:6px}.blog-page .post-tag{font-size:.7rem}.blog-page .post-read-time{font-size:.8rem}.blog-page .post-link{font-size:.9rem}.blog-page .load-more-container{padding:0 1rem}.blog-page .load-more-btn{border-radius:8px;font-size:1rem;min-height:48px;padding:14px 32px;width:100%}.blog-page .newsletter-section{padding:3rem 1rem}.blog-page .newsletter-content{max-width:100%}.blog-page .newsletter-title{font-size:2rem;line-height:1.2;margin-bottom:12px}.blog-page .newsletter-subtitle{font-size:1rem;line-height:1.5;margin-bottom:2rem;padding:0 1rem}.blog-page .newsletter-form{flex-direction:column;gap:12px;max-width:100%}.blog-page .newsletter-input{font-size:.95rem;min-height:48px;padding:14px 20px}.blog-page .newsletter-btn{font-size:.95rem;min-height:48px;padding:14px 28px;width:100%}.blog-page .newsletter-note{font-size:.8rem;margin-top:12px}.blog-shell .global-bg-animation .floating-grid{animation:none;background-size:30px 30px}.blog-shell .global-bg-animation .morphing-blob{display:none}.blog-page .featured-post:active,.blog-page .post-card:active{transform:scale(.98)}}@container (max-width: 640px){.blog-page .featured-post,.blog-page .posts-grid{grid-template-columns:1fr}}@media screen and (min-width:640px)and (max-width:1023px){.blog-page .header-section{padding:4rem 2rem 3rem}.blog-page .page-title{font-size:4rem}.blog-page .page-subtitle{font-size:1.125rem;max-width:500px}.blog-page .search-container{max-width:400px}.blog-page .featured-section{padding:3rem 2rem 4rem}.blog-page .featured-post{gap:2rem;grid-template-columns:1fr;margin:0 auto;max-width:700px;padding:2.5rem}.blog-page .featured-title{font-size:1.75rem}.blog-page .featured-excerpt{font-size:1.05rem}.blog-page .category-tabs{margin-bottom:3rem}.blog-page .posts-section{padding:4rem 2rem}.blog-page .posts-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:4rem}.blog-page .post-title{font-size:1.15rem}.blog-page .newsletter-section{padding:5rem 2rem}.blog-page .newsletter-title{font-size:2.5rem}.blog-page .newsletter-form{flex-direction:row;max-width:450px}.blog-shell .global-bg-animation .floating-grid{animation-duration:30s}.blog-shell .global-bg-animation .morphing-blob{animation-duration:30s;filter:blur(50px)}}@media screen and (min-width:1024px)and (max-width:1199px){.blog-page .container{max-width:980px;padding:0 20px}.blog-page .posts-grid{gap:24px;grid-template-columns:repeat(3,1fr)}.blog-page .featured-post{padding:36px}}@media(hover:none)and (pointer:coarse){.blog-page *{-webkit-tap-highlight-color:transparent}.blog-page .featured-post:hover,.blog-page .post-card:hover{box-shadow:none;transform:none}.blog-page .category-tab,.blog-page .featured-link,.blog-page .load-more-btn,.blog-page .newsletter-btn,.blog-page .post-link{align-items:center;display:flex;justify-content:center;min-height:44px}.blog-page .category-tab:active,.blog-page .load-more-btn:active,.blog-page .newsletter-btn:active{opacity:.9;transform:scale(.98)}.blog-page .category-tabs{-webkit-overflow-scrolling:touch}}@media screen and (max-width:639px){.article-header{padding:2rem 1rem}.article-title{font-size:1.75rem;line-height:1.3;margin-bottom:1rem}.article-meta{flex-wrap:wrap;font-size:.875rem;gap:8px}.article-content{font-size:1rem;line-height:1.7;padding:0 1rem}.article-content h2{font-size:1.5rem;margin-bottom:1rem;margin-top:2rem}.article-content h3{font-size:1.25rem;margin-bottom:.75rem;margin-top:1.5rem}.article-content p{margin-bottom:1.25rem}.article-content pre{border-radius:8px;font-size:.875rem;overflow-x:auto;padding:1rem}.article-content img{border-radius:8px;height:auto;margin:1.5rem 0;max-width:100%}.article-content blockquote{border-left-width:3px;font-size:1rem;margin:1.5rem 0;padding:1rem}.article-content ol,.article-content ul{margin-bottom:1.25rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.article-toc{display:none}.mobile-toc-toggle{align-items:center;background:#009688;border-radius:50%;bottom:20px;box-shadow:0 4px 12px #0003;color:#fff;display:block;display:flex;height:56px;justify-content:center;position:fixed;right:20px;width:56px;z-index:100}.mobile-toc-overlay{background:#00000080;inset:0;position:fixed;z-index:200}.mobile-toc-content{background:#fff;border-radius:20px 20px 0 0;bottom:0;left:0;max-height:70vh;overflow-y:auto;padding:2rem 1.5rem;position:fixed;right:0;z-index:201}.article-footer{padding:2rem 1rem}.article-tags{flex-wrap:wrap;gap:8px}.article-tag{font-size:.875rem;padding:6px 12px}.article-share{margin-top:1.5rem}.share-button{font-size:.875rem;min-height:44px;padding:10px 16px}.related-articles{padding:2rem 1rem}.related-title{font-size:1.5rem;margin-bottom:1.5rem}.related-grid{gap:1rem;grid-template-columns:1fr}.related-card{padding:1rem}.related-card-title{font-size:1rem}.related-card-excerpt{font-size:.875rem}}@media screen and (min-width:640px)and (max-width:1023px){.article-layout{margin:0 auto;max-width:700px;padding:0 2rem}.article-header{padding:3rem 0 2rem}.article-title{font-size:2.25rem}.article-content{font-size:1.05rem;line-height:1.75}.article-content h2{font-size:1.75rem}.article-content h3{font-size:1.5rem}.article-toc{display:none}.mobile-toc-toggle{display:block}.related-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media(max-width:1023px){.blog-page .floating-grid,.blog-page .morphing-blob{animation:none;will-change:auto}.blog-page .featured-post,.blog-page .post-card{backface-visibility:hidden;transform:translateZ(0)}.blog-page .featured-title,.blog-page .newsletter-title,.blog-page .page-title,.blog-page .section-title{font-display:swap}.blog-page .post-card{box-shadow:0 2px 8px #0000001a}}@media(prefers-reduced-motion:reduce){.blog-page *{transition:none}.blog-page *,.blog-page .glitch{animation:none}.blog-page .link-arrow{transform:none}}@media(prefers-contrast:high){.blog-page .featured-post,.blog-page .post-card{border-color:currentColor;border-width:2px}.blog-page .category-tab,.blog-page .load-more-btn,.blog-page .newsletter-btn{border-width:2px;font-weight:700}.blog-page .featured-badge{font-weight:700}}@media(max-width:812px)and (orientation:landscape){.blog-page .header-section{padding:2rem 1rem}.blog-page .page-title{font-size:2rem}.blog-page .featured-section,.blog-page .newsletter-section,.blog-page .posts-section{padding:2rem 1rem}.blog-page .posts-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.blog-page .featured-post{padding:1.5rem}.blog-page .post-card{padding:1rem}}@media screen and (max-width:374px){.blog-page .page-title{font-size:2rem}.blog-page .featured-title{font-size:1.25rem}.blog-page .featured-link,.blog-page .load-more-btn,.blog-page .newsletter-btn{font-size:.9rem;padding:12px 20px}.blog-page .post-title{font-size:1rem}.blog-page .post-excerpt{-webkit-line-clamp:2}.blog-page .newsletter-title{font-size:1.75rem}}@media print{.blog-page .category-tabs,.blog-page .load-more-container,.blog-page .newsletter-section,.blog-page .search-container,.blog-shell .global-bg-animation{display:none}.blog-page .featured-post,.blog-page .post-card{border:1px solid #000;page-break-inside:avoid}.article-share,.article-toc,.mobile-toc-toggle{display:none}.article-content{font-size:12pt;max-width:100%}}.blog-shell .global-bg-animation{height:100vh;inset:0;opacity:1;overflow:hidden;pointer-events:none;position:fixed;width:100vw;z-index:0}.blog-shell .global-bg-animation .floating-grid{backface-visibility:hidden;background-image:linear-gradient(rgba(0,150,136,.08) 1.5px,transparent 0),linear-gradient(90deg,rgba(0,150,136,.08) 1.5px,transparent 0);background-position:0 0;background-size:50px 50px;height:200%;left:-50%;position:absolute;top:-50%;transform:translateZ(0);width:200%;will-change:auto}.blog-shell .global-bg-animation .morphing-blob{border-radius:50%;filter:blur(40px);mix-blend-mode:multiply;opacity:.8;position:absolute}.blog-shell .global-bg-animation .blob-1{animation-delay:0s;background:radial-gradient(circle,rgba(0,150,136,.2) 0,transparent 70%);height:400px;right:-100px;top:-200px;width:400px}.blog-shell .global-bg-animation .blob-2{animation-delay:10s;animation-duration:25s;background:radial-gradient(circle,rgba(0,150,136,.15) 0,transparent 70%);bottom:-150px;height:350px;left:-100px;width:350px}.blog-shell .global-bg-animation .blob-3{background:radial-gradient(circle,rgba(0,150,136,.18) 0,transparent 60%);filter:blur(50px);height:300px;left:50%;mix-blend-mode:multiply;top:50%;transform:translate(-50%,-50%);width:300px}.blog-page,body.page-blog #__nuxt,body.page-blog #__nuxt>div,body.page-blog #__nuxt>div>div,body.page-blog main{background:transparent}.blog-page{color:#0a0a0a;font-family:Albert Sans,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;position:relative;z-index:1;--hash-color:rgba(71,85,105,.75)}.blog-page .container{margin:0 auto;max-width:1200px;padding:0 24px}.blog-page .header-section{background:transparent;padding:80px 0 60px;position:relative;text-align:center;z-index:2}.blog-page .page-title{font-family:JetBrains Mono,Albert Sans,monospace;font-kerning:none;font-size:clamp(3.5rem,8vw,6rem);font-weight:700;letter-spacing:-.08em;margin-bottom:24px;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;background:linear-gradient(135deg,#009688,#00bfa5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;line-height:1.1;text-shadow:0 2px 20px rgba(0,150,136,.1);transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform}.blog-page .page-title:hover{text-shadow:0 4px 30px rgba(0,150,136,.15);transform:scale(1.02)}.blog-page .md-syntax{background:none;font-family:JetBrains Mono,monospace;font-size:.7em;font-weight:400;margin-right:.75rem;opacity:1;transition:none}.blog-page .card-title .md-syntax,.blog-page .featured-title .md-syntax,.blog-page .md-syntax,.blog-page .newsletter-title .md-syntax,.blog-page .page-title .md-syntax,.blog-page .section-title .md-syntax{color:var(--hash-color);-webkit-text-fill-color:var(--hash-color)}.blog-page .page-subtitle{color:#666;font-size:1.25rem;font-weight:300;margin-bottom:48px;margin-left:auto;margin-right:auto;max-width:600px}.blog-page .search-container{margin:0 auto;max-width:500px;position:relative}.blog-page .search-input{background:#fff;border:2px solid rgba(0,150,136,.2);border-radius:12px;font-family:inherit;font-size:1rem;padding:16px 48px 16px 24px;transition:all .3s ease;width:100%}.blog-page .search-input:focus{border-color:#009688;box-shadow:0 0 0 3px #0096881a;outline:none}.blog-page .search-icon{color:#009688;font-size:1.5rem;font-weight:700;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.blog-page .featured-section{background:transparent;padding:40px 0 80px;position:relative;z-index:2}.blog-page .section-header{margin-bottom:48px;text-align:center}.blog-page .section-title{background:linear-gradient(135deg,#009688,#00d4aa);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:16px;-webkit-text-fill-color:transparent}.blog-page .featured-post-link{color:inherit;display:block;text-decoration:none}.blog-page .featured-post{align-items:center;background:#fff;border:1px solid rgba(0,150,136,.1);border-radius:24px;cursor:pointer;display:grid;gap:64px;grid-template-columns:1fr 1fr;padding:48px;transition:all .3s ease}.blog-page .featured-post:hover{box-shadow:0 20px 40px #00968826;transform:translateY(-4px)}.blog-page .featured-meta{display:flex;gap:12px;margin-bottom:16px}.blog-page .featured-badge{background:linear-gradient(135deg,#009688,#00d4aa);border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.blog-page .featured-category{color:#009688;font-size:.875rem;font-weight:500;text-transform:capitalize}.blog-page .featured-title{color:#0a0a0a;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:16px}.blog-page .featured-excerpt{color:#666;font-size:1.125rem;line-height:1.7;margin-bottom:24px}.blog-page .featured-info{align-items:center;color:#999;display:flex;font-size:.875rem;gap:12px;margin-bottom:32px}.blog-page .separator{color:#ddd}.blog-page .featured-link{background:#0a0a0a;border-radius:8px;box-shadow:3px 3px #009688;color:#fff;display:inline-block;font-weight:600;padding:14px 32px;text-decoration:none;transition:all .3s ease}.blog-page .featured-link:hover{box-shadow:5px 5px #009688;transform:translate(-2px,-2px)}.blog-page .glitch{animation:glitchAnimBlog .2s ease-out}@keyframes glitchAnimBlog{0%,to{filter:hue-rotate(0deg);transform:translate(0)}20%{filter:hue-rotate(90deg);transform:translate(-2px,2px)}40%{filter:hue-rotate(180deg);transform:translate(-2px,-2px)}60%{filter:hue-rotate(270deg);transform:translate(2px,2px)}80%{filter:hue-rotate(1turn);transform:translate(2px,-2px)}}.blog-page .featured-image,.blog-page .post-image{border-radius:12px;overflow:hidden;position:relative}.blog-page .featured-img,.blog-page .post-img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.blog-page .featured-image .featured-img{border-radius:12px;height:300px}.blog-page .post-image .post-img{height:200px}.blog-page .image-placeholder{align-items:center;background:linear-gradient(135deg,#0096881a,#00d4aa1a);display:flex;height:300px;justify-content:center;position:relative;width:100%}.blog-page .image-text{color:#009688;font-size:1.5rem;font-weight:600;letter-spacing:.1em;opacity:.3;text-transform:uppercase}.blog-page .filters-section{background:transparent;padding:80px 0 0;position:relative;z-index:2}.blog-page .filters-section:before{background:linear-gradient(90deg,transparent,rgba(0,191,165,.08) 10%,rgba(0,191,165,.35) 25%,rgba(0,191,165,.55) 50%,rgba(0,191,165,.35) 75%,rgba(0,191,165,.08) 90%,transparent);border-radius:1px;box-shadow:0 1px 3px #00bfa52e,0 0 10px #00bfa51f;content:"";height:2px;left:50%;position:absolute;top:0;transform:translate(-50%);width:85%}.blog-page .posts-section{background:transparent;padding:0 0 80px;position:relative;z-index:2}.blog-page .category-tabs{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:48px}.blog-page .category-tab{align-items:center;background:#fff;border:1px solid rgba(0,150,136,.2);border-radius:8px;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.blog-page .category-tab:hover{border-color:#009688;transform:translateY(-2px)}.blog-page .category-tab.active{background:#0a0a0a;border-color:#0a0a0a;color:#fff}.blog-page .category-count{background:#0096881a;border-radius:12px;font-size:.75rem;padding:2px 8px}.blog-page .category-tab.active .category-count{background:#fff3}.blog-page .posts-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:64px}.blog-page .post-card-link{color:inherit;display:block;height:100%;text-decoration:none}.blog-page .post-card{background:#fff;border:1px solid rgba(0,150,136,.1);border-radius:16px;cursor:pointer;height:100%;overflow:hidden;transition:all .3s ease}.blog-page .post-card:hover{border-color:#0096884d;box-shadow:0 12px 24px #00968826;transform:translateY(-4px)}.blog-page .post-image .image-placeholder{height:200px}.blog-page .post-content{padding:24px}.blog-page .post-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.blog-page .post-category{color:#009688;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.blog-page .post-date{color:#999;font-size:.875rem}.blog-page .post-title{color:#0a0a0a;font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:12px}.blog-page .post-excerpt{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:16px}.blog-page .post-footer{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.blog-page .post-tags{display:flex;gap:8px}.blog-page .post-tag{color:#009688;font-family:JetBrains Mono,monospace;font-size:.75rem}.blog-page .post-read-time{color:#999;font-size:.875rem}.blog-page .post-link{align-items:center;color:#009688;display:inline-flex;font-weight:500;gap:8px;text-decoration:none;transition:all .3s ease}.blog-page .post-link:hover{gap:12px}.blog-page .link-arrow{font-size:1.2rem;transition:transform .3s ease}.blog-page .post-link:hover .link-arrow{transform:translate(4px)}.blog-page .load-more-container{text-align:center}.blog-page .load-more-btn{background:#fff;border:2px solid #009688;border-radius:12px;color:#009688;cursor:pointer;font-family:inherit;font-size:1.1rem;font-weight:600;padding:16px 48px;transition:all .3s ease}.blog-page .load-more-btn:hover{background:#009688;color:#fff;transform:translateY(-2px)}.blog-page .newsletter-section{background:transparent;padding:100px 0;position:relative;text-align:center;z-index:2}.blog-page .newsletter-section:before{background:linear-gradient(90deg,transparent,rgba(0,191,165,.08) 10%,rgba(0,191,165,.35) 25%,rgba(0,191,165,.55) 50%,rgba(0,191,165,.35) 75%,rgba(0,191,165,.08) 90%,transparent);border-radius:1px;box-shadow:0 1px 3px #00bfa52e,0 0 10px #00bfa51f;content:"";height:2px;left:50%;position:absolute;top:0;transform:translate(-50%);width:85%}.blog-page .newsletter-content{margin:0 auto;max-width:600px}.blog-page .newsletter-title{background:linear-gradient(135deg,#009688,#00d4aa);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:16px;-webkit-text-fill-color:transparent}.blog-page .newsletter-subtitle{color:#666;font-size:1.25rem;font-weight:300;margin-bottom:48px}.blog-page .newsletter-form{display:flex;gap:16px;margin:0 auto;max-width:500px}.blog-page .newsletter-input{background:#fff;border:2px solid rgba(0,150,136,.2);border-radius:12px;flex:1;font-family:inherit;font-size:1rem;padding:16px 24px;transition:all .3s ease}.blog-page .newsletter-input:focus{border-color:#009688;box-shadow:0 0 0 3px #0096881a;outline:none}.blog-page .newsletter-btn{background:#0a0a0a;border:none;border-radius:12px;box-shadow:3px 3px #009688;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:16px 32px;transition:all .3s ease;white-space:nowrap}.blog-page .newsletter-btn:hover{box-shadow:5px 5px #009688;transform:translate(-2px,-2px)}.blog-page .newsletter-note{color:#999;font-size:.875rem;margin-top:16px}.blog-page .bracket-left,.blog-page .bracket-right{font-family:JetBrains Mono,monospace;margin:0 4px;opacity:.6;transition:all .3s ease}.blog-page .featured-link:hover .bracket-left,.blog-page .load-more-btn:hover .bracket-left,.blog-page .newsletter-btn:hover .bracket-left{opacity:1;transform:translate(-2px)}.blog-page .featured-link:hover .bracket-right,.blog-page .load-more-btn:hover .bracket-right,.blog-page .newsletter-btn:hover .bracket-right{opacity:1;transform:translate(2px)}html[data-theme=dark] .blog-page{color:#e0e0e0;--hash-color:rgba(203,213,225,.85)}html[data-theme=dark] .blog-page .md-syntax{color:var(--hash-color);opacity:1;transition:none}html[data-theme=dark] .blog-page .card-title .md-syntax,html[data-theme=dark] .blog-page .featured-title .md-syntax,html[data-theme=dark] .blog-page .newsletter-title .md-syntax,html[data-theme=dark] .blog-page .page-title .md-syntax,html[data-theme=dark] .blog-page .section-title .md-syntax{color:var(--hash-color);-webkit-text-fill-color:var(--hash-color)}html[data-theme=dark] .blog-page .header-section{background:transparent}html[data-theme=dark] .blog-page .page-title{background:linear-gradient(135deg,#fff,#00bfa5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 30px rgba(0,150,136,.15)}html[data-theme=dark] .blog-page .newsletter-subtitle,html[data-theme=dark] .blog-page .page-subtitle{color:#999}html[data-theme=dark] .blog-page .newsletter-input,html[data-theme=dark] .blog-page .search-input{background:#1a1a1a;border-color:#0096884d;color:#e0e0e0}html[data-theme=dark] .blog-page .featured-section{background:transparent}html[data-theme=dark] .blog-page .featured-post,html[data-theme=dark] .blog-page .post-card{background:#2a2a2a;border-color:#00968833}html[data-theme=dark] .blog-page .featured-title,html[data-theme=dark] .blog-page .post-title{color:#f5f5f5}html[data-theme=dark] .blog-page .featured-excerpt,html[data-theme=dark] .blog-page .post-excerpt{color:#a0a0a0}html[data-theme=dark] .blog-page .filters-section{background:transparent}html[data-theme=dark] .blog-page .filters-section:before{background:linear-gradient(90deg,transparent,rgba(0,191,165,.15) 20%,rgba(0,191,165,.3) 50%,rgba(0,191,165,.15) 80%,transparent);box-shadow:none;height:1px;opacity:1;width:80%}html[data-theme=dark] .blog-page .posts-section{background:transparent}html[data-theme=dark] .blog-page .category-tab{background:#1a1a1a;border-color:#00d4aa4d;color:#e0e0e0}html[data-theme=dark] .blog-page .category-tab.active{background:linear-gradient(135deg,#009688,#00bfa5);border-color:transparent;color:#fff}html[data-theme=dark] .blog-page .load-more-btn{background:#1a1a1a;border-color:#00bfa5;color:#00bfa5}html[data-theme=dark] .blog-page .load-more-btn:hover{background:#00bfa5;color:#0a0a0a}html[data-theme=dark] .blog-page .newsletter-section{background:transparent}html[data-theme=dark] .blog-page .newsletter-section:before{background:linear-gradient(90deg,transparent,rgba(0,191,165,.15) 20%,rgba(0,191,165,.3) 50%,rgba(0,191,165,.15) 80%,transparent);box-shadow:none;height:1px;opacity:1;width:80%}html[data-theme=dark] .blog-page .newsletter-btn{background:#009688;box-shadow:3px 3px #00bfa5;color:#fff}html[data-theme=dark] .blog-page .newsletter-btn:hover{box-shadow:5px 5px #00bfa5}html[data-theme=dark] .blog-page .featured-link{background:linear-gradient(135deg,#009688,#00bfa5);box-shadow:3px 3px #00bfa580}html[data-theme=dark] .blog-shell .global-bg-animation .floating-grid{background-image:linear-gradient(rgba(0,150,136,.12) 1.5px,transparent 0),linear-gradient(90deg,rgba(0,150,136,.12) 1.5px,transparent 0)}html[data-theme=dark] .blog-shell .global-bg-animation .morphing-blob{filter:blur(60px);mix-blend-mode:screen;opacity:.5}html[data-theme=dark] .blog-shell .global-bg-animation .blob-1{background:radial-gradient(circle,rgba(0,150,136,.27) 0,transparent 70%)}html[data-theme=dark] .blog-shell .global-bg-animation .blob-2{background:radial-gradient(circle,rgba(0,150,136,.22) 0,transparent 70%)}html[data-theme=dark] .blog-shell .global-bg-animation .blob-3{background:radial-gradient(circle,rgba(0,150,136,.25) 0,transparent 60%)}body{background:transparent}html{background:#fff;min-height:100vh}@media screen and (max-aspect-ratio:1/1)and (max-width:1600px){.blog-page .posts-grid{grid-template-columns:1fr}.blog-page .featured-post{grid-template-columns:1fr;padding:1.5rem}.blog-page .featured-image{margin-bottom:1.5rem;order:-1}.blog-page .featured-content{order:1}.blog-page .newsletter-form{flex-direction:column}.blog-page .page-title{font-size:2.5rem}}