.blog-page .site-footer{margin-top:0}.blog-page .section-label{display:inline-flex;align-items:center;gap:9px;margin-bottom:13px;color:var(--primary-light);font-size:0.72rem;font-weight:800;letter-spacing:1.7px;text-transform:uppercase}.blog-page .section-label::before{width:21px;height:2px;border-radius:20px;background:var(--primary);content:""}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blog-hero{position:relative;padding:95px 0 105px;overflow:hidden;border-bottom:1px solid var(--border)}.blog-hero::before{position:absolute;top:-300px;right:-170px;width:670px;height:670px;border-radius:50%;background:rgba(34,197,94,0.1);content:"";filter:blur(125px);pointer-events:none}.blog-hero::after{position:absolute;bottom:-330px;left:-260px;width:600px;height:600px;border:1px solid var(--primary-border);border-radius:50%;content:"";opacity:0.4;pointer-events:none}.blog-hero-container{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,0.8fr);gap:75px;align-items:center}.blog-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:22px;color:var(--primary-light);font-family:monospace;font-size:0.73rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.blog-eyebrow::before{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px rgba(34,197,94,0.11);content:""}.blog-hero h1{max-width:780px;margin-bottom:24px;color:var(--text);font-size:clamp(2.0rem,4.8vw,4.4rem);font-weight:850;letter-spacing:-4.7px;line-height:1.02}.blog-hero h1 span{background:linear-gradient(135deg,var(--primary-light),var(--primary-dark));-webkit-background-clip:text;background-clip:text;color:transparent}.blog-hero-content>p{max-width:650px;margin:0;color:var(--text-secondary);font-size:1rem;line-height:1.95}.blog-hero-panel{overflow:hidden;border:1px solid var(--border-strong);border-radius:24px;background:#07110b;box-shadow:0 35px 90px rgba(0,0,0,0.32),0 0 70px rgba(34,197,94,0.055);transform:rotate(1.2deg)}.blog-hero-panel-header,.blog-hero-panel-footer{display:flex;min-height:50px;align-items:center;justify-content:space-between;gap:20px;padding:0 18px;color:#718278;font-family:monospace;font-size:0.64rem}.blog-hero-panel-header{border-bottom:1px solid rgba(255,255,255,0.07);background:rgba(255,255,255,0.025)}.blog-hero-panel-header>span{display:inline-flex;align-items:center;gap:8px}.blog-hero-panel-header i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px rgba(34,197,94,0.7)}.blog-hero-panel-header strong{color:#4ade80;font-size:0.62rem}.blog-hero-code{display:flex;min-height:245px;justify-content:center;flex-direction:column;padding:28px 0;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px);background-size:100% 42px}.blog-hero-code span{display:grid;min-height:42px;grid-template-columns:43px 1fr;align-items:center;padding:0 20px 0 0;color:#a7b7ac;font-family:monospace;font-size:0.69rem}.blog-hero-code span.active{border-left:2px solid #22c55e;background:rgba(34,197,94,0.08);color:#d7e5da}.blog-hero-code b{color:#48584f;font-size:0.62rem;font-weight:500;text-align:center}.blog-hero-panel-footer{min-height:45px;border-top:1px solid rgba(255,255,255,0.07)}.blog-main{position:relative;padding:105px 0 125px;background:radial-gradient(circle at 82% 12%,rgba(34,197,94,0.045),transparent 23%),var(--background)}.blog-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,0.65fr);gap:42px;align-items:start}.blog-content-column{min-width:0}.blog-content-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.blog-content-header h2{margin:0;color:var(--text);font-size:clamp(1.9rem,3.8vw,3rem);font-weight:850;letter-spacing:-1.8px;line-height:1.15}.blog-results-count{flex-shrink:0;margin-bottom:5px;padding:7px 11px;border:1px solid var(--border);border-radius:var(--radius-round);background:var(--surface);color:var(--text-muted);font-size:0.7rem;font-weight:650}.blog-post-list{display:flex;flex-direction:column;gap:18px}.blog-post-card{display:grid;min-height:220px;grid-template-columns:minmax(240px,0.75fr) minmax(0,1.25fr);overflow:hidden;border:1px solid var(--border);border-radius:23px;background:var(--surface);transition:border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)}.blog-post-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-green);transform:translateY(-5px)}.blog-post-cover{position:relative;min-width:0;overflow:hidden;background:#08130c}.blog-post-cover img{width:100%;height:100%;object-fit:cover;transition:transform 500ms ease}.blog-post-card:hover .blog-post-cover img{transform:scale(1.035)}.blog-cover-placeholder{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 20% 16%,rgba(74,222,128,0.16),transparent 30%),linear-gradient(145deg,#07110b,#102519)}.blog-cover-grid{position:absolute;inset:0;opacity:0.24;background-image:linear-gradient(rgba(255,255,255,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.06) 1px,transparent 1px);background-size:30px 30px}.blog-cover-terminal{position:absolute;right:18px;bottom:22px;left:18px;display:flex;min-height:118px;justify-content:center;flex-direction:column;gap:8px;padding:15px;border:1px solid rgba(255,255,255,0.075);border-radius:15px;background:rgba(3,11,6,0.7);box-shadow:inset 0 1px rgba(255,255,255,0.04)}.blog-cover-terminal>span{margin-bottom:4px;color:#728379;font-family:monospace;font-size:0.57rem}.blog-cover-terminal i{display:block;width:84%;height:6px;border-radius:10px;background:rgba(255,255,255,0.09)}.blog-cover-terminal i:nth-of-type(2){width:65%}.blog-cover-terminal i:nth-of-type(3){width:90%}.blog-cover-terminal i:nth-of-type(4){width:51%}.blog-cover-terminal i.highlight{border-left:2px solid #22c55e;background:rgba(34,197,94,0.22)}.blog-cover-mark{position:absolute;top:18px;right:18px;display:inline-flex;min-width:45px;height:31px;align-items:center;justify-content:center;border:1px solid rgba(74,222,128,0.2);border-radius:10px;background:rgba(34,197,94,0.08);color:#4ade80;font-family:monospace;font-size:0.62rem;font-weight:800}.blog-post-body{display:flex;min-width:0;justify-content:center;flex-direction:column;padding:27px 28px}.blog-post-taxonomy{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.blog-post-taxonomy a,.blog-post-taxonomy>span{padding:5px 8px;border:1px solid var(--primary-border);border-radius:var(--radius-round);background:var(--primary-soft);color:var(--primary-light);font-size:0.6rem;font-weight:750;letter-spacing:0.5px;text-transform:uppercase}.blog-post-card h3{margin-bottom:13px;color:var(--text);font-size:1.24rem;font-weight:650;letter-spacing:-0.55px;line-height:1.4}.blog-post-card h3 a{transition:color var(--transition-fast)}.blog-post-card h3 a:hover{color:var(--primary-light)}.blog-post-excerpt{margin-bottom:22px;color:var(--text-muted);font-size:0.81rem;line-height:1.82}.blog-post-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:auto;padding-top:18px;border-top:1px solid var(--border)}.blog-post-meta{display:flex;flex-wrap:wrap;gap:10px 16px}.blog-post-meta span{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:0.66rem}.blog-post-meta svg{width:14px;height:14px;fill:none;stroke:var(--primary-light);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.blog-read-link{display:inline-flex;flex-shrink:0;align-items:center;gap:7px;color:var(--primary-light);font-size:0.73rem;font-weight:750}.blog-read-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--transition-fast)}.blog-read-link:hover svg{transform:translateX(4px)}.blog-pagination{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;margin-top:38px;padding:15px;border:1px solid var(--border);border-radius:19px;background:var(--surface)}.pagination-direction,.pagination-number{display:inline-flex;min-height:39px;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--background-secondary);color:var(--text-secondary);font-size:0.72rem;font-weight:700;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.pagination-direction{gap:7px;padding:0 13px;border-radius:12px}.pagination-direction svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.pagination-numbers{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.pagination-number{width:39px;border-radius:11px}.pagination-direction:hover,.pagination-number:hover,.pagination-number.is-current{border-color:var(--primary-border);background:var(--primary-soft);color:var(--primary-light);transform:translateY(-1px)}.pagination-number.is-current{border-color:var(--primary);box-shadow:0 0 0 3px rgba(34,197,94,0.08)}.pagination-direction.is-disabled{cursor:not-allowed;opacity:0.4}.pagination-direction.is-disabled:hover{border-color:var(--border);background:var(--background-secondary);color:var(--text-secondary);transform:none}.blog-sidebar{position:sticky;top:95px;display:flex;min-width:0;flex-direction:column;gap:16px}.sidebar-widget{padding:22px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-small)}.sidebar-widget-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:19px;padding-bottom:14px;border-bottom:1px solid var(--border)}.sidebar-widget-heading>span{color:var(--text);font-size:0.9rem;font-weight:800}.sidebar-widget-heading small{color:var(--text-muted);font-size:0.61rem}.blog-search-form{position:relative}.blog-search-form input{width:100%;height:49px;padding:0 49px 0 15px;border:1px solid var(--border);border-radius:13px;outline:none;background:var(--background-secondary);color:var(--text);font-family:inherit;font-size:0.78rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.blog-search-form input::placeholder{color:var(--text-muted);opacity:0.72}.blog-search-form input:focus{border-color:var(--primary);background:var(--surface-secondary);box-shadow:0 0 0 4px rgba(34,197,94,0.08)}.blog-search-form button{position:absolute;top:50%;right:7px;display:inline-flex;width:35px;height:35px;align-items:center;justify-content:center;border-radius:10px;background:var(--primary-soft);color:var(--primary-light);cursor:pointer;transform:translateY(-50%)}.blog-search-form button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.sidebar-latest-list{display:flex;flex-direction:column;gap:15px}.sidebar-latest-post{display:grid;grid-template-columns:61px minmax(0,1fr);gap:12px;align-items:center}.sidebar-latest-thumb{display:flex;width:61px;height:61px;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--primary-border);border-radius:14px;background:radial-gradient(circle at 20% 15%,rgba(74,222,128,0.18),transparent 32%),var(--background-secondary);color:var(--primary-light);font-family:monospace;font-size:0.67rem;font-weight:800}.sidebar-latest-thumb img{width:100%;height:100%;object-fit:cover}.sidebar-latest-post h3{margin-bottom:5px;color:var(--text);font-size:0.76rem;font-weight:760;line-height:1.5}.sidebar-latest-post h3 a{transition:color var(--transition-fast)}.sidebar-latest-post h3 a:hover{color:var(--primary-light)}.sidebar-latest-post time{color:var(--text-muted);font-size:0.6rem}.sidebar-category-list{display:flex;flex-direction:column;gap:6px}.sidebar-category-list a{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:15px;padding:0 11px;border-radius:11px;color:var(--text-secondary);font-size:0.74rem;font-weight:650;transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast)}.sidebar-category-list a:hover{background:var(--primary-soft);color:var(--primary-light);transform:translateX(3px)}.sidebar-category-list svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.sidebar-tag-cloud a{padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:var(--background-secondary);color:var(--text-secondary);font-size:0.67rem;font-weight:650;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast)}.sidebar-tag-cloud a:hover{border-color:var(--primary-border);background:var(--primary-soft);color:var(--primary-light);transform:translateY(-2px)}.sidebar-empty-text{margin:0;color:var(--text-muted);font-size:0.72rem;line-height:1.7}.sidebar-cta{position:relative;padding:25px;overflow:hidden;border:1px solid var(--primary-border);border-radius:21px;background:radial-gradient(circle at 90% 10%,rgba(74,222,128,0.17),transparent 33%),linear-gradient(145deg,#07160c,#0c2515);box-shadow:var(--shadow-green)}.sidebar-cta::after{position:absolute;right:-70px;bottom:-90px;width:180px;height:180px;border:1px solid rgba(74,222,128,0.12);border-radius:50%;content:""}.sidebar-cta>span{position:relative;z-index:2;display:block;margin-bottom:11px;color:#4ade80;font-size:0.63rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.sidebar-cta h2{position:relative;z-index:2;margin-bottom:20px;color:#f5fff8;font-size:1.16rem;font-weight:820;letter-spacing:-0.45px;line-height:1.4}.sidebar-cta .button{position:relative;z-index:2;width:100%;font-size:0.76rem}.blog-empty-state{display:flex;min-height:430px;align-items:center;justify-content:center;flex-direction:column;padding:40px;border:1px solid var(--border);border-radius:24px;background:var(--surface);text-align:center}.blog-empty-icon{display:inline-flex;width:65px;height:65px;align-items:center;justify-content:center;margin-bottom:20px;border:1px solid var(--primary-border);border-radius:19px;background:var(--primary-soft);color:var(--primary-light)}.blog-empty-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.blog-empty-state h3{margin-bottom:9px;color:var(--text);font-size:1.28rem}.blog-empty-state p{margin-bottom:22px;color:var(--text-muted);font-size:0.82rem}@media (max-width:1120px){.blog-hero-container{grid-template-columns:1fr;gap:55px}.blog-hero-content{max-width:820px}.blog-hero-panel{width:min(100%,650px)}.blog-layout{grid-template-columns:1fr}.blog-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-cta{grid-column:1 / -1}}@media (max-width:820px){.blog-post-card{min-height:auto;grid-template-columns:1fr}.blog-post-cover{min-height:250px}.blog-post-footer{align-items:flex-start;flex-direction:column}.blog-pagination{grid-template-columns:1fr 1fr}.pagination-numbers{grid-column:1 / -1;grid-row:1}.pagination-direction:last-child{justify-self:end}}@media (max-width:700px){.blog-hero{padding:72px 0 82px}.blog-hero h1{letter-spacing:-2.8px}.blog-main{padding:80px 0 90px}.blog-content-header{align-items:flex-start;flex-direction:column;gap:13px}.blog-results-count{margin-bottom:0}.blog-sidebar{grid-template-columns:1fr}.sidebar-cta{grid-column:auto}}@media (max-width:520px){.blog-hero-panel{transform:none}.blog-hero-panel-header strong,.blog-hero-panel-footer span:last-child{display:none}.blog-hero-code span{min-width:440px}.blog-hero-code{overflow-x:auto}.blog-post-cover{min-height:215px}.blog-post-body{padding:22px 20px}.blog-post-card h3{font-size:1.12rem;letter-spacing:-0.45px}.blog-post-meta{align-items:flex-start;flex-direction:column;gap:8px}.blog-pagination{gap:12px;padding:12px}.pagination-direction{padding:0 10px;font-size:0.66rem}.pagination-number{width:36px;min-height:36px}}.blog-page,.blog-page .site-main,.blog-hero,.blog-main,.blog-page .site-footer{background:transparent!important}.blog-hero{border-bottom:none!important}.blog-hero::before,.blog-hero::after{display:none!important}.blog-main{background:transparent!important}.blog-hero-panel{display:none!important}.blog-hero-container{display:block}.blog-hero-content{max-width:760px}.blog-hero h1{max-width:560px;font-size:clamp(1.75rem,3.7vw,3.5rem);font-weight:650;letter-spacing:-3px;line-height:1.04}.blog-content-header h2{font-size:clamp(1.65rem,3vw,2.4rem);font-weight:650;letter-spacing:-1.4px}.sidebar-cta h2{font-size:1.05rem;font-weight:650}.blog-page{--blog-glass-bg:linear-gradient(145deg,rgba(255,255,255,0.018),rgba(5,15,9,0.055));--blog-glass-bg-hover:linear-gradient(145deg,rgba(255,255,255,0.03),rgba(6,20,11,0.085));--blog-glass-border:rgba(255,255,255,0.075);--blog-glass-border-hover:rgba(74,222,128,0.20);--blog-glass-shadow:0 18px 50px rgba(0,0,0,0.18)}.blog-post-card,.sidebar-widget,.blog-pagination,.sidebar-cta,.blog-empty-state{background:var(--blog-glass-bg)!important;border:1px solid var(--blog-glass-border);box-shadow:var(--blog-glass-shadow);backdrop-filter:blur(10px) saturate(110%);-webkit-backdrop-filter:blur(10px) saturate(110%)}.blog-post-card:hover{background:var(--blog-glass-bg-hover)!important;border-color:var(--blog-glass-border-hover);box-shadow:0 22px 60px rgba(0,0,0,0.22),0 0 30px rgba(34,197,94,0.025);transform:translateY(-3px)}.blog-post-cover{background:rgba(255,255,255,0.015)}.blog-cover-placeholder{background:linear-gradient(145deg,rgba(255,255,255,0.018),rgba(5,15,9,0.055))}.sidebar-widget{box-shadow:0 16px 45px rgba(0,0,0,0.15)}.sidebar-cta{background:linear-gradient(145deg,rgba(255,255,255,0.022),rgba(5,18,10,0.065))!important;border-color:rgba(74,222,128,0.14);box-shadow:0 18px 50px rgba(0,0,0,0.18)}.sidebar-cta::after{display:none}.blog-search-form input{background:rgba(255,255,255,0.018)!important;border-color:rgba(255,255,255,0.075);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.blog-search-form input:hover{background:rgba(255,255,255,0.028)!important;border-color:rgba(255,255,255,0.12)}.blog-search-form input:focus{background:rgba(8,23,13,0.15)!important;border-color:rgba(74,222,128,0.45);box-shadow:0 0 0 3px rgba(34,197,94,0.07)}.blog-results-count,.sidebar-tag-cloud a,.pagination-direction,.pagination-number{background:rgba(255,255,255,0.018)!important;border-color:rgba(255,255,255,0.07);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.sidebar-tag-cloud a:hover,.pagination-direction:hover,.pagination-number:hover{background:rgba(34,197,94,0.055)!important;border-color:rgba(74,222,128,0.18)}.pagination-number.is-current{background:rgba(34,197,94,0.075)!important;border-color:rgba(74,222,128,0.34);box-shadow:0 0 0 2px rgba(34,197,94,0.045)}.sidebar-latest-thumb{background:rgba(255,255,255,0.018);border-color:rgba(255,255,255,0.07)}.sidebar-category-list a:hover{background:rgba(34,197,94,0.045)}@media (max-width:700px){.blog-hero h1{font-size:clamp(2.1rem,10vw,3.15rem);letter-spacing:-2.1px}.blog-content-header h2{font-size:clamp(1.55rem,7vw,2rem)}}.blog-single-page .site-footer{margin-top:0}.article-hero{position:relative;padding:82px 0 78px;overflow:hidden;border-bottom:1px solid var(--border);background:radial-gradient(circle at 84% 10%,rgba(34,197,94,0.09),transparent 28%),var(--background)}.article-hero::before{position:absolute;top:-270px;right:-150px;width:590px;height:590px;border:1px solid rgba(74,222,128,0.08);border-radius:50%;content:"";pointer-events:none}.article-hero-container{position:relative;z-index:2;max-width:980px}.article-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:32px;color:var(--text-muted);font-size:0.72rem}.article-breadcrumb a{color:var(--primary-light);font-weight:750;transition:color var(--transition-fast)}.article-breadcrumb a:hover{color:var(--text)}.article-breadcrumb svg{width:14px;height:14px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.article-breadcrumb span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-taxonomy{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.article-taxonomy a,.article-taxonomy span{display:inline-flex;padding:6px 10px;border:1px solid var(--primary-border);border-radius:var(--radius-round);background:var(--primary-soft);color:var(--primary-light);font-size:0.63rem;font-weight:800;letter-spacing:0.75px;text-transform:uppercase}.article-hero h1{max-width:930px;margin-bottom:22px;color:var(--text);font-size:clamp(1.7rem,4.7vw,4.35rem);font-weight:900;letter-spacing:-4.4px;line-height:1.03}.article-intro{max-width:760px;margin-bottom:27px;color:var(--text-secondary);font-size:1rem;line-height:1.95}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;padding-top:22px;border-top:1px solid var(--border)}.article-meta>span,.article-back-link{display:inline-flex;align-items:center;gap:7px;color:var(--text-muted);font-size:0.7rem}.article-meta>span svg,.article-back-link svg{width:15px;height:15px;fill:none;stroke:var(--primary-light);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.article-back-link{margin-left:auto;color:var(--primary-light);font-weight:750;transition:color var(--transition-fast)}.article-back-link:hover{color:var(--text)}.article-back-link svg{transition:transform var(--transition-fast)}.article-back-link:hover svg{transform:translateX(3px)}.article-main{padding:72px 0 125px;background:radial-gradient(circle at 15% 10%,rgba(34,197,94,0.035),transparent 25%),var(--background)}.article-column{min-width:0}.article-cover{position:relative;min-height:470px;margin-bottom:22px;overflow:hidden;border:1px solid var(--border);border-radius:24px;background:#07110b;box-shadow:var(--shadow-small)}.article-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.article-cover-placeholder{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 17% 12%,rgba(74,222,128,0.15),transparent 30%),linear-gradient(145deg,#061009,#0b2012)}.article-cover-grid{position:absolute;inset:0;opacity:0.23;background-image:linear-gradient(rgba(255,255,255,0.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.055) 1px,transparent 1px);background-size:34px 34px}.article-cover-window{position:absolute;top:50%;left:50%;width:min(86%,720px);overflow:hidden;border:1px solid rgba(255,255,255,0.09);border-radius:20px;background:rgba(3,11,6,0.9);box-shadow:0 30px 80px rgba(0,0,0,0.3),0 0 50px rgba(34,197,94,0.055);transform:translate(-50%,-50%)}.article-cover-window-top{display:grid;min-height:51px;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,0.07);background:rgba(255,255,255,0.02)}.article-cover-window-top>span{display:flex;gap:6px}.article-cover-window-top i{width:8px;height:8px;border-radius:50%}.article-cover-window-top i:nth-child(1){background:#ef4444}.article-cover-window-top i:nth-child(2){background:#f59e0b}.article-cover-window-top i:nth-child(3){background:#22c55e}.article-cover-window-top small{color:#718278;font-family:monospace;font-size:0.62rem}.article-cover-window-top strong{justify-self:end;padding:5px 8px;border:1px solid rgba(74,222,128,0.12);border-radius:8px;background:rgba(34,197,94,0.07);color:#4ade80;font-family:monospace;font-size:0.52rem}.article-cover-code{display:flex;min-height:210px;justify-content:center;flex-direction:column;padding:25px 0;background-image:linear-gradient(rgba(255,255,255,0.018) 1px,transparent 1px);background-size:100% 43px}.article-cover-code>span{display:grid;min-height:43px;grid-template-columns:44px minmax(0,1fr);align-items:center;padding-right:18px}.article-cover-code>span.active{border-left:2px solid var(--primary);background:rgba(34,197,94,0.07)}.article-cover-code b{color:#415148;font-family:monospace;font-size:0.58rem;font-weight:500;text-align:center}.article-cover-code code{overflow:hidden;color:#9eb1a4;font-size:0.67rem;text-overflow:ellipsis;white-space:nowrap}.article-cover-code .active code{color:#d6e5da}.article-cover-chart{position:absolute;right:5%;bottom:5%;display:flex;width:32%;height:105px;align-items:flex-end;gap:8px;padding:13px;border:1px solid rgba(74,222,128,0.11);border-radius:15px;background:rgba(4,14,8,0.88);box-shadow:0 18px 40px rgba(0,0,0,0.2)}.article-cover-chart i{width:12%;min-height:14px;border-radius:5px 5px 2px 2px;background:linear-gradient(to top,var(--primary-dark),var(--primary-light));box-shadow:0 0 16px rgba(34,197,94,0.08)}.article-cover-label{position:absolute;top:25px;right:25px;padding:7px 10px;border:1px solid var(--primary-border);border-radius:10px;background:rgba(4,14,8,0.72);color:var(--primary-light);font-family:monospace;font-size:0.62rem;font-weight:800}.article-content-card{overflow:hidden;border:1px solid var(--border);border-radius:24px;background:radial-gradient(circle at 100% 0%,rgba(34,197,94,0.045),transparent 24%),var(--surface);box-shadow:var(--shadow-small)}.article-content{padding:44px 48px;color:var(--text-secondary);font-size:0.94rem;line-height:2}.article-content>*:first-child{margin-top:0}.article-content>*:last-child{margin-bottom:0}.article-content p{margin:0 0 22px}.article-content h2,.article-content h3,.article-content h4{color:var(--text);font-weight:850;line-height:1.3}.article-content h2{margin:44px 0 17px;font-size:1.8rem;letter-spacing:-0.9px}.article-content h3{margin:34px 0 13px;font-size:1.35rem;letter-spacing:-0.5px}.article-content h4{margin:28px 0 11px;font-size:1.08rem}.article-content a{color:var(--primary-light);text-decoration:underline;text-decoration-color:rgba(74,222,128,0.3);text-underline-offset:4px}.article-content strong{color:var(--text)}.article-content ul,.article-content ol{display:flex;margin:22px 0 27px;flex-direction:column;gap:10px;padding-left:24px;list-style:initial}.article-content ol{list-style:decimal}.article-content li::marker{color:var(--primary)}.article-content blockquote{margin:32px 0;padding:22px 24px 22px 27px;border:1px solid var(--primary-border);border-left:3px solid var(--primary);border-radius:0 16px 16px 0;background:var(--primary-soft);color:var(--text-secondary)}.article-content blockquote p:last-child{margin-bottom:0}.article-content pre{margin:28px 0;padding:22px;overflow-x:auto;border:1px solid rgba(255,255,255,0.07);border-radius:16px;background:#061009;color:#c7d7cb;font-size:0.78rem;line-height:1.85}.article-content code{padding:3px 6px;border-radius:6px;background:rgba(34,197,94,0.08);color:var(--primary-light);font-family:monospace;font-size:0.88em}.article-content pre code{padding:0;background:transparent;color:inherit}.article-content img{width:100%;height:auto;margin:30px 0;border:1px solid var(--border);border-radius:18px}.article-content table{width:100%;margin:28px 0;border-collapse:collapse;border:1px solid var(--border)}.article-content th,.article-content td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left}.article-content th{background:var(--background-secondary);color:var(--text)}.article-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;padding:24px 48px 28px;border-top:1px solid var(--border);background:rgba(255,255,255,0.012)}.article-footer-label{display:block;margin-bottom:10px;color:var(--text-muted);font-size:0.62rem;font-weight:800;letter-spacing:1px;text-transform:uppercase}.article-footer-links{display:flex;flex-wrap:wrap;gap:7px}.article-footer-links a,.article-footer-links>span{padding:6px 9px;border:1px solid var(--border);border-radius:9px;background:var(--background-secondary);color:var(--text-secondary);font-size:0.66rem;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.article-footer-links a:hover{border-color:var(--primary-border);background:var(--primary-soft);color:var(--primary-light)}.article-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.article-nav-card{position:relative;min-height:155px;padding:22px;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--surface);transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}a.article-nav-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-green);transform:translateY(-3px)}.article-nav-card::after{position:absolute;right:-50px;bottom:-65px;width:130px;height:130px;border-radius:50%;background:var(--primary-soft);content:"";pointer-events:none}.article-nav-direction{position:relative;z-index:2;display:flex;align-items:center;gap:7px;margin-bottom:17px;color:var(--primary-light);font-size:0.65rem;font-weight:780;text-transform:uppercase}.article-nav-direction svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.article-nav-card strong{position:relative;z-index:2;display:block;max-width:92%;margin-bottom:10px;color:var(--text);font-size:0.92rem;line-height:1.55}.article-nav-card small{position:relative;z-index:2;color:var(--text-muted);font-size:0.62rem}.article-nav-next{text-align:right}.article-nav-next .article-nav-direction{justify-content:flex-end}.article-nav-next strong{margin-left:auto}.article-nav-empty{opacity:0.28}.article-comments{margin-top:70px}.comments-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:24px}.comments-heading h2{display:flex;align-items:center;gap:10px;margin:0;color:var(--text);font-size:clamp(1.7rem,3vw,2.35rem);font-weight:860;letter-spacing:-1px}.comments-heading h2 small{display:inline-flex;min-width:29px;height:29px;align-items:center;justify-content:center;border:1px solid var(--primary-border);border-radius:9px;background:var(--primary-soft);color:var(--primary-light);font-size:0.7rem}.comments-heading>p{max-width:330px;margin:0 0 4px;color:var(--text-muted);font-size:0.72rem;line-height:1.75;text-align:right}.comments-list{display:flex;flex-direction:column;gap:12px}.comment-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:15px;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.comment-avatar{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border:1px solid var(--primary-border);border-radius:14px;background:var(--primary-soft);color:var(--primary-light);font-size:0.85rem;font-weight:900}.comment-content{min-width:0}.comment-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:11px}.comment-header>div{display:flex;flex-direction:column;gap:2px}.comment-header strong{color:var(--text);font-size:0.8rem}.comment-header time,.comment-header>span{color:var(--text-muted);font-size:0.59rem}.comment-content h3{margin-bottom:8px;color:var(--text-secondary);font-size:0.76rem}.comment-content p{margin:0;color:var(--text-muted);font-size:0.76rem;line-height:1.82}.comments-empty{display:flex;min-height:115px;align-items:center;gap:15px;padding:20px;border:1px dashed var(--border-strong);border-radius:18px;background:rgba(255,255,255,0.01)}.comments-empty>span{display:inline-flex;width:44px;height:44px;flex-shrink:0;align-items:center;justify-content:center;border:1px solid var(--primary-border);border-radius:13px;background:var(--primary-soft);color:var(--primary-light)}.comments-empty svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.comments-empty strong{display:block;margin-bottom:4px;color:var(--text);font-size:0.8rem}.comments-empty p{margin:0;color:var(--text-muted);font-size:0.7rem}.comment-form-card{margin-top:22px;padding:28px;border:1px solid var(--border);border-radius:22px;background:radial-gradient(circle at 92% 8%,rgba(34,197,94,0.07),transparent 26%),var(--surface)}.comment-form-heading{margin-bottom:24px}.comment-form-heading>span{display:block;margin-bottom:7px;color:var(--primary-light);font-size:0.63rem;font-weight:800;letter-spacing:1.1px;text-transform:uppercase}.comment-form-heading h2{margin-bottom:7px;color:var(--text);font-size:1.45rem;font-weight:850;letter-spacing:-0.6px}.comment-form-heading p{margin:0;color:var(--text-muted);font-size:0.72rem}.comment-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.comment-field{min-width:0}.comment-field-full{grid-column:1 / -1}.comment-field label{display:block;margin-bottom:7px;color:var(--text-secondary);font-size:0.7rem;font-weight:720}.comment-field label span{color:var(--primary-light)}.comment-field input,.comment-field textarea,.comment-field select{width:100%;min-height:48px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;outline:none;background:var(--background-secondary);color:var(--text);font:inherit;font-size:0.76rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.comment-field textarea{min-height:150px;resize:vertical;line-height:1.75}.comment-field input:focus,.comment-field textarea:focus,.comment-field select:focus{border-color:var(--primary);background:var(--surface-secondary);box-shadow:0 0 0 4px rgba(34,197,94,0.08)}.comment-field input::placeholder,.comment-field textarea::placeholder{color:var(--text-muted);opacity:0.7}.comment-field>small{display:block;margin-top:6px;color:var(--text-muted);font-size:0.6rem}.comment-field-error{margin:6px 0 0;color:#f87171;font-size:0.64rem}.comment-form-errors{margin-bottom:17px;padding:12px 14px;border:1px solid rgba(239,68,68,0.2);border-radius:11px;background:rgba(239,68,68,0.06);color:#fca5a5;font-size:0.7rem}.comment-submit-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding-top:20px;border-top:1px solid var(--border)}.comment-submit-row>span{color:var(--text-muted);font-size:0.64rem;text-align:right}.blog-single-page .blog-sidebar{top:88px}@media (max-width:1120px){.article-hero-container{max-width:none}.article-main .blog-layout{grid-template-columns:1fr}.article-main .blog-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.article-main .sidebar-cta{grid-column:1 / -1}}@media (max-width:820px){.article-hero{padding:72px 0 68px}.article-hero h1{letter-spacing:-3px}.article-cover{min-height:390px}.article-content{padding:35px 30px}.article-footer{padding:23px 30px 26px}.comments-heading{align-items:flex-start;flex-direction:column;gap:10px}.comments-heading>p{max-width:550px;text-align:left}}@media (max-width:700px){.article-main{padding:60px 0 90px}.article-meta{align-items:flex-start;flex-direction:column;gap:10px}.article-back-link{margin-left:0;margin-top:4px}.article-cover{min-height:340px}.article-cover-window{width:90%}.article-cover-chart{display:none}.article-footer{grid-template-columns:1fr}.article-navigation{grid-template-columns:1fr}.article-nav-next{text-align:left}.article-nav-next .article-nav-direction{justify-content:flex-start}.article-nav-next strong{margin-left:0}.article-nav-empty{display:none}.comment-form-grid{grid-template-columns:1fr}.comment-field-full{grid-column:auto}.comment-submit-row{align-items:flex-start;flex-direction:column}.comment-submit-row>span{text-align:left}.article-main .blog-sidebar{grid-template-columns:1fr}.article-main .sidebar-cta{grid-column:auto}}@media (max-width:520px){.article-hero{padding:58px 0 56px}.article-breadcrumb{margin-bottom:24px}.article-hero h1{font-size:clamp(2.25rem,12vw,3.3rem);letter-spacing:-2.5px}.article-intro{font-size:0.9rem}.article-cover{min-height:285px;border-radius:19px}.article-cover-window-top strong{display:none}.article-cover-window-top{grid-template-columns:1fr auto}.article-cover-window-top small{justify-self:end}.article-cover-code{min-height:185px}.article-content-card{border-radius:19px}.article-content{padding:26px 20px;font-size:0.9rem}.article-content h2{font-size:1.5rem}.article-content h3{font-size:1.2rem}.article-content pre{margin-right:-5px;margin-left:-5px;padding:17px}.article-content table{display:block;overflow-x:auto;white-space:nowrap}.article-footer{padding:20px}.article-nav-card{min-height:140px}.article-comments{margin-top:55px}.comment-card{grid-template-columns:38px minmax(0,1fr);padding:16px}.comment-avatar{width:38px;height:38px;border-radius:11px}.comment-form-card{padding:22px 18px}}.blog-single-page,.blog-single-page .site-main,.article-hero,.article-main,.blog-single-page .site-footer{background:transparent!important}.article-hero{border-bottom:none!important}.article-hero::before{display:none!important}.article-hero{padding:72px 0 68px}.article-hero-container{max-width:900px}.article-hero h1{max-width:680px;font-size:clamp(1.2rem,3.2vw,3rem);font-weight:600;letter-spacing:-5px;line-height:1.15}.article-intro{max-width:700px;font-size:0.95rem;line-height:1.85}.article-cover-window,.article-cover-chart,.article-cover-label{display:none!important}.article-cover-placeholder{background:linear-gradient(145deg,rgba(255,255,255,0.015),rgba(5,15,9,0.04))!important}.article-cover-grid{opacity:0.10}.blog-single-page{--article-glass:linear-gradient(145deg,rgba(255,255,255,0.015),rgba(5,15,9,0.045));--article-glass-hover:linear-gradient(145deg,rgba(255,255,255,0.028),rgba(5,18,10,0.075));--article-border:rgba(255,255,255,0.07);--article-border-hover:rgba(74,222,128,0.20)}.article-cover,.article-content-card,.article-nav-card,.comment-card,.comment-form-card,.comments-empty,.blog-single-page .sidebar-widget,.blog-single-page .sidebar-cta{background:var(--article-glass)!important;border-color:var(--article-border);box-shadow:0 18px 50px rgba(0,0,0,0.16);backdrop-filter:blur(10px) saturate(110%);-webkit-backdrop-filter:blur(10px) saturate(110%)}.article-content-card{background:linear-gradient(145deg,rgba(255,255,255,0.012),rgba(5,15,9,0.04))!important}.article-content h2{font-size:1.55rem;font-weight:680;letter-spacing:-0.55px}.article-content h3{font-size:1.22rem;font-weight:680}.article-content h4{font-size:1rem;font-weight:650}.article-content blockquote{background:rgba(34,197,94,0.035)!important;border-color:rgba(74,222,128,0.14)}.article-content pre{background:rgba(3,11,6,0.68)}.article-content th{background:rgba(255,255,255,0.025)}.article-footer{background:rgba(255,255,255,0.008)!important;border-color:rgba(255,255,255,0.065)}.article-footer-links a,.article-footer-links>span{background:rgba(255,255,255,0.015)!important;border-color:rgba(255,255,255,0.07)}.article-footer-links a:hover{background:rgba(34,197,94,0.045)!important}.article-nav-card::after{display:none}a.article-nav-card:hover{background:var(--article-glass-hover)!important;border-color:var(--article-border-hover);box-shadow:0 20px 55px rgba(0,0,0,0.20);transform:translateY(-3px)}.comments-heading h2{font-size:clamp(1.15rem,2.2vw,1.65rem);font-weight:650}.comments-heading h2 small,.comment-avatar,.comments-empty>span{background:rgba(34,197,94,0.055)!important}.comment-form-heading h2{font-size:1.3rem;font-weight:650}.comment-form-card{background:linear-gradient(145deg,rgba(255,255,255,0.015),rgba(5,15,9,0.045))!important}.comment-field input,.comment-field textarea,.comment-field select{background:rgba(255,255,255,0.012)!important;border-color:rgba(255,255,255,0.075);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.comment-field input:hover,.comment-field textarea:hover,.comment-field select:hover{background:rgba(255,255,255,0.025)!important;border-color:rgba(255,255,255,0.12)}.comment-field input:focus,.comment-field textarea:focus,.comment-field select:focus{background:rgba(8,23,13,0.12)!important;border-color:rgba(74,222,128,0.45);box-shadow:0 0 0 3px rgba(34,197,94,0.06)}.blog-single-page .sidebar-cta{background:linear-gradient(145deg,rgba(255,255,255,0.015),rgba(5,18,10,0.05))!important;box-shadow:0 18px 50px rgba(0,0,0,0.16)}.blog-single-page .sidebar-cta::after{display:none}@media (max-width:820px){.article-hero h1{font-size:clamp(2rem,8vw,3.25rem);letter-spacing:-2.3px}}@media (max-width:520px){.article-hero h1{font-size:clamp(1.9rem,10vw,2.8rem);letter-spacing:-1.8px}.article-content h2{font-size:1.4rem}.comments-heading h2{font-size:1.35rem}}