.blog-index{max-width:1100px;margin:0 auto;padding:20px}.blog-index .breadcrumb{color:var(--color-text-secondary);align-items:center;gap:8px;margin-bottom:24px;font-size:14px;display:flex}.blog-index .breadcrumb a{color:var(--color-accent);text-decoration:none}.blog-index .breadcrumb a:hover{text-decoration:underline}.blog-index .breadcrumb .separator{color:var(--color-text-muted)}.blog-index .breadcrumb .current{color:var(--color-text-primary);font-weight:500}.blog-header{text-align:center;margin-bottom:40px}.blog-header h1{color:var(--color-text-primary);margin:0 0 12px;font-size:40px;font-weight:800}.blog-header p{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:18px}.blog-categories{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:32px;display:flex}.blog-category{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;display:inline-flex}.blog-category:hover{border-color:var(--color-accent);color:var(--color-accent)}.blog-category.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.blog-category__count{border-radius:var(--radius-sm);background:#ffffff26;padding:2px 8px;font-size:12px}.blog-category:not(.active) .blog-category__count{background:var(--color-bg)}.blog-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:48px;display:grid}.no-posts{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:48px;padding:60px 20px}.no-posts p{color:var(--color-text-secondary);margin:0 0 16px}.no-posts button{background:var(--color-accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 24px;font-size:14px;font-weight:500}.blog-cta{text-align:center;background:linear-gradient(135deg,var(--color-accent)0%,#764ba2 100%);border-radius:var(--radius-lg);color:#fff;margin-bottom:48px;padding:48px 32px}.blog-cta h2{margin:0 0 12px;font-size:28px;font-weight:700}.blog-cta p{opacity:.9;margin:0 0 24px;font-size:16px}.blog-cta__btn{color:var(--color-accent);border-radius:var(--radius-md);transition:transform var(--transition-fast);background:#fff;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block}.blog-cta__btn:hover{transform:scale(1.05)}@media (max-width:768px){.blog-index{padding:16px}.blog-header h1{font-size:32px}.blog-header p{font-size:16px}.blog-grid{grid-template-columns:1fr}.blog-categories{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:8px;overflow-x:auto}.blog-category{flex-shrink:0}.blog-cta{padding:32px 20px}.blog-cta h2{font-size:24px}}