.blog-container{max-width:100%;padding:0}.blog-title{font-size:2rem;font-weight:600;color:#fff;margin:0 0 24px;padding:0 32px}.blog-categories{display:flex;gap:0;background:#16181d;border-radius:var(--border-radius);padding:6px;overflow-x:auto;scrollbar-width:none;margin:0 32px 32px}.blog-categories::-webkit-scrollbar{display:none}.blog-category-btn{background:transparent;border:none;border-radius:var(--border-radius);color:rgba(255,255,255,.6);font-size:.9375rem;font-weight:500;padding:12px 20px;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:8px;font-family:Poppins,sans-serif}.blog-category-btn svg{width:18px;height:18px;opacity:.7}.blog-category-btn.active{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#ffffff}.blog-category-btn.active svg{opacity:1}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:24px;gap:24px;padding:0 32px 40px}.blog-card{background:transparent;border:none;border-radius:0;overflow:hidden;cursor:pointer;text-decoration:none;display:block}.blog-card-image{position:relative;width:100%;height:220px;background:rgba(255,255,255,.05);border-radius:var(--border-radius);overflow:hidden;margin-bottom:16px}.blog-card-content{padding:0}.blog-card-meta{display:flex;align-items:center;gap:8px;margin-bottom:12px}.blog-card-date{font-size:.875rem;color:rgba(255,255,255,.5)}.blog-card-title{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:12px;line-height:1.4}.blog-card-excerpt,.blog-card-title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-excerpt{font-size:.875rem;color:rgba(255,255,255,.6);line-height:1.6;margin-bottom:0}.blog-empty{text-align:center;padding:80px 32px;color:rgba(255,255,255,.5);font-size:1.125rem}.blog-loading{padding:0 32px 40px}.blog-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:30px;gap:30px}.blog-skeleton-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius);overflow:hidden}.blog-skeleton-image{width:100%;height:220px;background:rgba(255,255,255,.05);animation:skeleton-pulse 1.5s ease-in-out infinite}.blog-skeleton-content{padding:24px}.blog-skeleton-line{height:12px;background:rgba(255,255,255,.05);border-radius:var(--border-radius);margin-bottom:12px;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.blog-title{font-size:1.5rem;padding:0 20px}.blog-categories{margin:0 20px 24px}.blog-grid,.blog-skeleton-grid{grid-template-columns:1fr;padding:0 20px 40px}.blog-loading{padding:0 20px 40px}.blog-empty{padding:80px 20px}}