.blog-hero{padding:5rem 0 2.5rem}.featured-post{cursor:pointer;padding:2.25rem;transition:border-color .3s,transform .3s}@media (hover:hover){.featured-post:hover{border-color:rgba(37,211,102,.4);transform:translateY(-3px)}}.featured-badge{display:inline-block;background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.25);color:#25d366;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.3rem .8rem;border-radius:999px;margin-bottom:1.1rem}.featured-post h2{font-size:clamp(1.2rem,2.5vw,1.85rem);font-weight:800;color:#fff;margin-bottom:.75rem;line-height:1.3}.featured-post>p{font-size:.95rem;color:#94a3b8;line-height:1.7;margin-bottom:1.5rem}.post-footer{justify-content:space-between;gap:.75rem}.post-author,.post-footer{display:flex;align-items:center;flex-wrap:wrap}.post-author{gap:.5rem;font-size:.82rem;color:#64748b}.author-avatar{width:32px;height:32px;font-size:.85rem}.author-avatar,.author-avatar-sm{background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;flex-shrink:0}.author-avatar-sm{width:24px;height:24px;font-size:.68rem}.dot{color:#334155}.read-link{color:#25d366;font-size:.875rem;font-weight:600;white-space:nowrap}.category-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:2rem}.filter-btn{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);color:#94a3b8;font-size:.82rem;font-weight:500;padding:.45rem .9rem;border-radius:999px;cursor:pointer;transition:all .2s;min-height:36px;-webkit-tap-highlight-color:transparent}.filter-btn.active{background:rgba(37,211,102,.12);border-color:rgba(37,211,102,.3);color:#25d366}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.25rem;gap:1.25rem}.blog-card{cursor:pointer;padding:1.5rem;display:flex;flex-direction:column;gap:.65rem}@media (hover:hover){.blog-card:hover{border-color:rgba(37,211,102,.3);transform:translateY(-3px)}}.post-cat{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#25d366}.blog-card h3{font-size:1rem;font-weight:700;color:#fff;line-height:1.4}.blog-card>p{font-size:.875rem;color:#94a3b8;line-height:1.6;flex:1 1}.card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;padding-top:.75rem;border-top:1px solid hsla(0,0%,100%,.06)}.article-page{min-height:100vh}.article-back{padding:1.25rem 0;border-bottom:1px solid hsla(0,0%,100%,.06)}.back-btn{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);color:#94a3b8;font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s;min-height:40px}.back-btn:hover{color:#fff;border-color:#25d366}.article-inner{max-width:760px;padding:2.5rem 2rem}.article-meta-top{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.1rem}.article-cat{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#25d366}.article-date,.article-read{font-size:.82rem;color:#64748b}.article-title{font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:900;color:#fff;line-height:1.2;margin-bottom:1.25rem}.article-author{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1.75rem;border-bottom:1px solid hsla(0,0%,100%,.08);color:#94a3b8;font-size:.875rem}.article-body{line-height:1.8;color:#cbd5e1}.article-body h2{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:800;color:#fff;margin:2rem 0 .75rem}.article-body h3{font-size:clamp(1rem,2vw,1.15rem);font-weight:700;color:#e2e8f0;margin:1.5rem 0 .5rem}.article-body p{margin-bottom:1rem;color:#94a3b8}.article-body ol,.article-body ul{margin:.75rem 0 1rem 1.5rem;color:#94a3b8}.article-body li{margin-bottom:.4rem;line-height:1.65}.article-body strong{color:#e2e8f0}.article-body code{background:rgba(37,211,102,.1);color:#25d366;padding:.15rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.88em;word-break:break-word}@media (max-width:640px){.featured-post{padding:1.4rem}.article-inner{padding:1.75rem 0}.blog-grid{grid-template-columns:1fr}.filter-btn{font-size:.78rem;padding:.4rem .75rem}}