.blog-page-wrapper{background:#f8fafc;min-height:85vh;padding:32px 16px 80px}.blog-header-section{text-align:center;max-width:840px;margin:0 auto 36px}.blog-pre-badge{color:#0149ac;text-transform:uppercase;letter-spacing:.05em;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 14px;font-size:.775rem;font-weight:700;display:inline-flex}.blog-page-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(1.7rem,3.8vw,2.4rem);font-weight:800;line-height:1.25}.blog-page-subtitle{color:#64748b;max-width:720px;margin:0 auto 20px;font-size:.98rem;line-height:1.55}.blog-filter-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.blog-filter-pill{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.blog-filter-pill:hover,.blog-filter-pill.is-active{color:#fff;background:#0149ac;border-color:#0149ac;box-shadow:0 3px 10px #0149ac33}.blog-content-layout{grid-template-columns:1fr 340px;align-items:start;gap:30px;max-width:1200px;margin:0 auto;display:grid}.blog-featured-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;margin-bottom:28px;padding:24px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 6px 20px #0f172a0d}.blog-featured-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 12px 28px #0149ac1a}.blog-card-top-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.blog-category-badge{color:#0149ac;text-transform:uppercase;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:3px 10px;font-size:.725rem;font-weight:700}.blog-time-badge{color:#64748b;align-items:center;gap:4px;font-size:.75rem;display:inline-flex}.blog-featured-title{color:#0f172a;margin:0 0 10px;font-size:clamp(1.2rem,2.4vw,1.5rem);font-weight:800;line-height:1.35}.blog-featured-title a{color:inherit;text-decoration:none;transition:color .15s}.blog-featured-title a:hover{color:#0149ac}.blog-featured-excerpt{color:#475569;margin:0 0 18px;font-size:.9rem;line-height:1.6}.blog-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.blog-author-box{color:#64748b;align-items:center;gap:8px;font-size:.8rem;font-weight:600;display:flex}.blog-author-avatar{color:#fff;background:#0149ac;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.blog-read-btn{color:#0149ac;align-items:center;gap:6px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.blog-read-btn:hover{color:#16a34a;transform:translate(3px)}.blog-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.blog-article-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:18px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 3px 12px #0f172a0a}.blog-article-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 10px 22px #0149ac1a}.blog-article-title{color:#0f172a;flex-grow:1;margin:8px 0 10px;font-size:1.02rem;font-weight:700;line-height:1.4}.blog-article-title a{color:inherit;text-decoration:none;transition:color .15s}.blog-article-title a:hover{color:#0149ac}.blog-article-excerpt{color:#64748b;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 14px;font-size:.825rem;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-sidebar{flex-direction:column;gap:20px;display:flex}.blog-sidebar-widget{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:18px 16px;box-shadow:0 3px 12px #0f172a0a}.blog-widget-title{color:#0f172a;border-bottom:1.5px solid #f1f5f9;align-items:center;gap:8px;margin:0 0 14px;padding-bottom:10px;font-size:.95rem;font-weight:800;display:flex}.blog-popular-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.blog-popular-item{align-items:flex-start;gap:10px;display:flex}.blog-popular-rank{color:#0149ac;background:#f1f5f9;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:800;display:flex}.blog-popular-link{color:#1e293b;font-size:.825rem;font-weight:600;line-height:1.35;text-decoration:none;transition:color .15s}.blog-popular-link:hover{color:#0149ac;text-decoration:underline}.blog-quick-links-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.blog-quick-link-pill{color:#334155;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 10px;font-size:.775rem;font-weight:700;text-decoration:none;transition:all .18s;display:flex}.blog-quick-link-pill:hover{color:#0149ac;background:#eff6ff;border-color:#0149ac}@media (max-width:1024px){.blog-content-layout{grid-template-columns:1fr}.blog-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}}@media (max-width:680px){.blog-page-wrapper{padding:20px 12px 60px}.blog-header-section{margin-bottom:22px}.blog-page-title{font-size:1.5rem}.blog-page-subtitle{margin-bottom:14px;font-size:.85rem}.blog-filter-bar{scrollbar-width:none;justify-content:flex-start;width:100%;padding-bottom:4px;overflow-x:auto}.blog-filter-bar::-webkit-scrollbar{display:none}.blog-filter-pill{white-space:nowrap;flex-shrink:0;padding:5px 12px;font-size:.75rem}.blog-featured-card{border-radius:12px;margin-bottom:18px;padding:16px}.blog-featured-title{font-size:1.15rem}.blog-featured-excerpt{font-size:.825rem}.blog-articles-grid{grid-template-columns:1fr;gap:14px}.blog-article-card{border-radius:10px;padding:15px}.blog-article-title{font-size:.95rem}.blog-sidebar,.blog-quick-links-grid{grid-template-columns:1fr}}