.blog-page,.blog-post-page{background:var(--c-dark,#0d1117);color:var(--c-text,#e6edf3);min-height:100vh;padding-bottom:5rem}.blog-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.blog-hero{text-align:center;background:radial-gradient(circle at 50% 20%,#f5c8001f,#0000 70%),linear-gradient(#161b22 0%,#0d1117 100%);border-bottom:1px solid #ffffff14;padding:3.5rem 1.5rem 2.5rem;position:relative}.blog-hero__badge{color:var(--c-yellow,#f5c800);letter-spacing:.5px;text-transform:uppercase;background:#f5c80024;border:1px solid #f5c8004d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem 1rem;font-size:.82rem;font-weight:700;display:inline-flex}.blog-hero__title{font-family:var(--font-head,sans-serif);color:#fff;margin-bottom:1rem;font-size:clamp(1.85rem,4vw,2.75rem);font-weight:900;line-height:1.2}.blog-hero__title span{color:var(--c-yellow,#f5c800)}.blog-hero__desc{color:var(--c-text-muted,#8b949e);max-width:760px;margin:0 auto 1.5rem;font-size:1.05rem;line-height:1.6}.blog-breadcrumb{color:#64748b;align-items:center;gap:.5rem;margin:1.75rem 0 1.25rem;font-size:.85rem;display:flex}.blog-breadcrumb a{color:#94a3b8;text-decoration:none;transition:color .15s}.blog-breadcrumb a:hover{color:#f5c800}.blog-breadcrumb span.current{color:#f5c800;font-weight:600}.blog-categories{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin:1.5rem 0 2.5rem;display:flex}.blog-cat-btn{color:#8b949e;cursor:pointer;background:#161b22;border:1px solid #ffffff14;border-radius:9999px;padding:.55rem 1.15rem;font-size:.85rem;font-weight:600;transition:all .2s}.blog-cat-btn:hover{color:#fff;background:#21262d;border-color:#fff3}.blog-cat-btn.active{color:#0d1117;background:#f5c800;border-color:#f5c800;font-weight:800;box-shadow:0 4px 12px #f5c8004d}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.blog-card{background:#161b22;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 8px 24px #00000040}.blog-card:hover{border-color:#f5c80066;transform:translateY(-6px);box-shadow:0 16px 32px #00000059,0 0 15px #f5c80026}.blog-card__media{aspect-ratio:16/9;background:#090d16;width:100%;position:relative;overflow:hidden}.blog-card__image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card:hover .blog-card__image{transform:scale(1.05)}.blog-card__category{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f5c800;z-index:2;background:#0d1117d9;border:1px solid #f5c8004d;border-radius:6px;padding:.25rem .65rem;font-size:.72rem;font-weight:700;position:absolute;top:.85rem;left:.85rem}.blog-card__body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.blog-card__meta{color:#8b949e;align-items:center;gap:.85rem;margin-bottom:.5rem;font-size:.78rem;display:flex}.blog-card__title{color:#fff;margin-bottom:.6rem;font-size:1.15rem;font-weight:700;line-height:1.35;transition:color .2s}.blog-card:hover .blog-card__title{color:#f5c800}.blog-card__summary{color:#8b949e;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1.25rem;font-size:.88rem;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-card__footer{color:#f5c800;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;font-size:.85rem;font-weight:700;display:flex}.bpost-layout{grid-template-columns:1fr 340px;gap:2.5rem;margin-top:1rem;display:grid}.bpost-main{background:#161b22;border:1px solid #ffffff14;border-radius:16px;padding:2.25rem}.bpost-header{border-bottom:1px solid #ffffff14;margin-bottom:2rem;padding-bottom:1.5rem}.bpost-category-tag{color:#f5c800;background:#f5c80026;border:1px solid #f5c8004d;border-radius:6px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.78rem;font-weight:700;display:inline-block}.bpost-title{font-family:var(--font-head,sans-serif);color:#fff;margin-bottom:1rem;font-size:clamp(1.75rem,3.5vw,2.35rem);font-weight:900;line-height:1.25}.bpost-meta-row{color:#8b949e;flex-wrap:wrap;align-items:center;gap:1.25rem;font-size:.85rem;display:flex}.bpost-meta-item{align-items:center;gap:.35rem;display:flex}.bpost-featured-media{aspect-ratio:16/9;background:#090d16;border-radius:12px;width:100%;margin-bottom:2rem;position:relative;overflow:hidden}.bpost-content{color:#cbd5e1;font-size:1.05rem;line-height:1.8}.bpost-content h2{color:#fff;border-left:4px solid #f5c800;margin:2.25rem 0 1rem;padding-left:.85rem;font-size:1.45rem;font-weight:800;line-height:1.35}.bpost-content p{margin-bottom:1.25rem}.bpost-content ul{margin:1.25rem 0 1.5rem 1.25rem}.bpost-content li{margin-bottom:.65rem;line-height:1.6}.bpost-callout{background:linear-gradient(135deg,#f5c8001f 0%,#f5c8000a 100%);border:1px solid #f5c80059;border-radius:12px;margin:2rem 0;padding:1.5rem}.bpost-callout h3{color:#f5c800;margin-bottom:.5rem;font-size:1.15rem;font-weight:800}.bpost-callout p{color:#e2e8f0;margin:0;font-size:.95rem}.bpost-sidebar{flex-direction:column;gap:1.75rem;display:flex}.bpost-sidebar-card{background:#161b22;border:1px solid #ffffff14;border-radius:14px;padding:1.5rem}.bpost-sidebar-card h3{color:#fff;align-items:center;gap:.4rem;margin-bottom:1rem;font-size:1.1rem;font-weight:700;display:flex}.bpost-sidebar-call-btn{color:#0d1117;background:#f5c800;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:800;text-decoration:none;transition:all .2s;display:flex}.bpost-sidebar-call-btn:hover{background:#ffd633;transform:translateY(-2px)}.bpost-sidebar-wp-btn{color:#fff;background:#15803d;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.bpost-sidebar-wp-btn:hover{background:#16a34a;transform:translateY(-2px)}.bpost-recent-list{flex-direction:column;gap:1rem;display:flex}.bpost-recent-item{border-bottom:1px solid #ffffff0f;padding-bottom:.85rem;text-decoration:none;display:block}.bpost-recent-item:last-child{border-bottom:none;padding-bottom:0}.bpost-recent-item h4{color:#e2e8f0;margin-bottom:.3rem;font-size:.92rem;line-height:1.35;transition:color .15s}.bpost-recent-item:hover h4{color:#f5c800}.bpost-recent-item span{color:#8b949e;font-size:.75rem}@media (max-width:900px){.bpost-layout{grid-template-columns:1fr}.bpost-main{padding:1.5rem}.blog-grid{grid-template-columns:1fr}}