.blog-header{position:relative;overflow:hidden;padding:80px 0 72px;text-align:center}.blog-header-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,#e9e6ed 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 90% 80%,rgba(6,182,212,.1) 0%,transparent 60%);pointer-events:none}.blog-header-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}.blog-header-inner h1{font-size:clamp(2.5rem,6vw,4.25rem);font-weight:900;line-height:1.12;letter-spacing:-.035em;max-width:700px;margin-top:4px}.blog-header-inner p{color:var(--text-muted);font-size:1.05rem;max-width:500px;line-height:1.7}.blog-filters-wrap{border-bottom:1px solid var(--border);background:rgba(10,10,15,.04);position:sticky;top:64px;z-index:50;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.blog-filters{display:flex;gap:4px;padding:12px 0;overflow-x:auto;scrollbar-width:none}.blog-filters::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0;font-family:var(--font);font-size:.82rem;font-weight:600;color:var(--text-muted);background:none;border:1.5px solid transparent;padding:7px 16px;border-radius:var(--radius-pill);cursor:pointer;transition:all .2s;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center}.filter-btn:hover{color:var(--text);background:rgba(255,255,255,.05)}.filter-btn--active{background:rgba(6,182,212,.12);border:1px solid rgba(6,182,212,.3);color:var(--brand)}.blog-main{padding-top:64px;padding-bottom:80px}.post-featured{border:1px solid var(--border-strong);border-radius:var(--radius);padding:48px 52px;margin-bottom:48px;position:relative;background:var(--bg-card);overflow:hidden;transition:border-color .25s}.post-featured-meta{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.post-featured-title{font-size:clamp(1.4rem,3vw,2rem);font-weight:800;line-height:1.2;letter-spacing:-.025em;margin-bottom:16px}.post-featured-title a{color:var(--text);text-decoration:none;transition:color .2s}.post-featured-title a:hover{color:var(--brand-light)}.post-featured-excerpt{font-size:1rem;color:var(--text-muted);line-height:1.75;max-width:780px;margin-bottom:32px}.post-featured-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.post-tag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-pill)}.post-tag--tutorial{background:rgba(6,182,212,.12);border:1px solid rgba(6,182,212,.3);color:var(--brand)}.post-tag--wordpress{background:rgba(244,63,94,.1);color:#fda4af;border:1px solid rgba(244,63,94,.25)}.post-date{font-size:.8rem;color:var(--text-dim);font-weight:500}.post-read{font-size:.8rem;color:var(--text-dim);font-weight:500}.post-author{display:flex;align-items:center;gap:10px;display:none}.author-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--accent));display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:#fff;flex-shrink:0;letter-spacing:.03em}.author-info{display:flex;flex-direction:column;gap:1px}.author-name{font-size:.85rem;font-weight:600;color:var(--text)}.author-role{font-size:.75rem;color:var(--text-dim)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:56px}.post-card--wide{grid-column:span 2}.post-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 32px;display:flex;flex-direction:column;gap:14px;transition:border-color .25s,transform .25s}.post-card:hover{transform:translateY(-2px)}.post-card-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.post-card-title{font-size:1rem;font-weight:700;line-height:1.35;letter-spacing:-.015em;flex:1}.post-card-title a{color:var(--text);text-decoration:none;transition:color .2s}.post-card-title a:hover{color:var(--brand-light)}.post-card-excerpt{font-size:.875rem;color:var(--text-muted);line-height:1.7;flex:1}.post-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}.post-card-footer .post-author{gap:8px}.post-card-footer .author-avatar{width:26px;height:26px;font-size:.6rem}@media (max-width: 900px){.post-grid{grid-template-columns:1fr 1fr}.post-card--wide{grid-column:span 2}}@media (max-width: 768px){.post-featured{padding:32px 28px}.post-featured::before{display:none}.post-grid{grid-template-columns:1fr}.post-card--wide{grid-column:span 1}}@media (max-width: 480px){.post-featured-title{font-size:1.3rem}}