.blog-category-screen{min-height:100vh;background:#09090b;color:#a1a1aa;display:flex;flex-direction:column}.blog-category-container{max-width:1200px;width:100%;margin:100px auto 80px;padding:0 32px;flex:1}.blog-category-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#52525b;margin-bottom:32px}.blog-category-breadcrumb a{color:#71717a;text-decoration:none;transition:color .15s ease}.blog-category-breadcrumb a:hover{color:#a1a1aa}.breadcrumb-sep{color:#3f3f46}.breadcrumb-current{color:#a1a1aa}.blog-category-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid #1f1f23}.blog-category-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.blog-category-info h1{font-size:28px;font-weight:700;color:#fff;margin:0 0 8px;line-height:1.3}.blog-category-info p{font-size:15px;color:#71717a;margin:0 0 12px;line-height:1.6}.blog-category-count{font-size:13px;color:#52525b;background:#18181b;padding:4px 10px;border-radius:6px}.blog-subcategories{margin-bottom:40px}.blog-subcategories h3{font-size:14px;font-weight:600;color:#71717a;margin:0 0 16px;text-transform:uppercase;letter-spacing:.05em}.blog-subcategories-list{display:flex;flex-wrap:wrap;gap:10px}.blog-subcategory-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#18181b;border:1px solid #27272a;border-radius:8px;color:#a1a1aa;font-size:14px;text-decoration:none;transition:all .15s ease}.blog-subcategory-chip:hover{background:#1f1f23;border-color:#3f3f46;color:#fff}.blog-subcategory-chip i{font-size:14px;color:#71717a}.subcategory-count{font-size:12px;color:#52525b;background:#27272a;padding:2px 6px;border-radius:4px}.blog-category-error{padding:16px 20px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#f87171;font-size:14px;margin-bottom:24px}.blog-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}.blog-category-empty{grid-column:1 / -1;text-align:center;padding:64px 24px;background:#111113;border-radius:12px;border:1px solid #1f1f23}.blog-category-empty h2{font-size:20px;font-weight:600;color:#fff;margin:0 0 8px}.blog-category-empty p{font-size:14px;color:#71717a;margin:0 0 24px}.back-to-blog{display:inline-flex;align-items:center;padding:10px 20px;background:#3b82f6;color:#fff;font-size:14px;font-weight:500;border-radius:8px;text-decoration:none;transition:background .15s ease}.back-to-blog:hover{background:#2563eb}.blog-category-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:48px}.blog-category-pagination button{padding:8px 14px;background:#18181b;border:1px solid #27272a;border-radius:6px;color:#a1a1aa;font-size:14px;cursor:pointer;transition:all .15s ease}.blog-category-pagination button:hover:not(:disabled){background:#1f1f23;border-color:#3f3f46;color:#fff}.blog-category-pagination button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.blog-category-pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination-ellipsis{color:#52525b;padding:0 4px}.blog-skeleton-card{background:#111113;border-radius:12px;overflow:hidden;border:1px solid #1f1f23}.blog-skeleton-image{width:100%;height:180px;background:#1f1f23}.blog-skeleton-body{padding:20px}.blog-skeleton-category{width:60px;height:12px;background:#1f1f23;border-radius:4px;margin-bottom:12px}.blog-skeleton-title{width:100%;height:20px;background:#1f1f23;border-radius:4px;margin-bottom:8px}.blog-skeleton-title.short{width:70%}.blog-skeleton-text{width:90%;height:14px;background:#1f1f23;border-radius:4px;margin-bottom:6px}.blog-skeleton-meta{display:flex;gap:12px;margin-top:16px}.blog-skeleton-meta span{width:60px;height:12px;background:#1f1f23;border-radius:4px}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}.skeleton-animate{animation:skeleton-pulse 1.5s ease-in-out infinite}@media (max-width: 1024px){.blog-category-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.blog-category-container{margin-top:80px;padding:0 20px}.blog-category-header{flex-direction:column;align-items:center;text-align:center}.blog-category-info h1{font-size:24px}.blog-category-grid{grid-template-columns:1fr}.blog-subcategories-list{justify-content:center}}