.blog-filters-bar{min-height:60px;display:flex;align-items:center}.blog-filters-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.blog-filter-cats{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.blog-filter-btn{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:8px 16px;border-radius:100px;border:1px solid rgba(255,255,255,.08);color:var(--gray-400);background:0 0;text-decoration:none;transition:var(--transition)}.blog-filter-btn.active,.blog-filter-btn:hover{border-color:rgba(255,61,90,.4);color:var(--accent);background:rgba(255,61,90,.08)}.blog-search-form{display:flex;gap:10px;align-items:center}.blog-search-input{width:220px;padding:10px 14px;font-size:.85rem}.blog-search-btn{padding:10px 20px;font-size:.85rem}.blog-search-clear{padding:10px 16px;font-size:.8rem}@media(max-width: 540px){.blog-filters-inner{flex-direction:column;align-items:flex-start}.blog-search-form{width:100%}.blog-search-input{width:100%;flex:1}}.blog-featured-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px}.blog-featured-label{font-family:var(--font-mono);font-size:.7rem;color:var(--gray-400)}.blog-featured-excerpt{color:var(--gray-400);line-height:1.7;margin-bottom:28px;font-size:1rem}.blog-featured-footer{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.blog-featured-stats{display:flex;gap:20px;font-size:.8rem;color:var(--gray-400);font-family:var(--font-mono)}.blog-featured{display:grid;grid-template-columns:1fr;gap:0;background:var(--secondary);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);overflow:hidden;transition:var(--transition)}@media(min-width: 900px){.blog-featured{grid-template-columns:1fr 1fr}}.blog-featured:hover{border-color:rgba(255,61,90,.2);box-shadow:var(--shadow-md)}.blog-featured-img{aspect-ratio:16/10;overflow:hidden}.blog-featured-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);filter:brightness(0.85) saturate(1.2)}.blog-featured:hover .blog-featured-img img{transform:scale(1.04)}.blog-featured-body{padding:32px;display:flex;flex-direction:column;justify-content:center}@media(min-width: 600px){.blog-featured-body{padding:40px}}.blog-search-results-info{color:var(--gray-400);margin-bottom:40px;font-size:.9rem}.blog-empty{text-align:center;padding:80px 0}.blog-empty-icon{font-size:3rem;margin-bottom:16px}.blog-empty-text{color:var(--gray-400);font-size:1rem}.blog-empty-cta{margin-top:24px}.blog-grid{display:grid;grid-template-columns:1fr;gap:28px}@media(min-width: 640px){.blog-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.blog-grid{grid-template-columns:repeat(3, 1fr)}}.blog-card{background:var(--secondary);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:var(--transition)}.blog-card:hover{transform:translateY(-6px);border-color:rgba(255,61,90,.2);box-shadow:var(--shadow-md)}.blog-card-thumb{display:block;aspect-ratio:16/9;overflow:hidden;position:relative}.blog-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);filter:brightness(0.8) saturate(1.2)}.blog-card:hover .blog-card-thumb img{transform:scale(1.05)}.blog-card-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(10, 10, 15, 0.5), transparent)}.blog-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.blog-card-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;line-height:1.3;margin-bottom:10px}.blog-card-title a{transition:var(--transition)}.blog-card-title a:hover{color:var(--accent)}.blog-card-excerpt{font-size:.85rem;color:var(--gray-400);line-height:1.6;margin-bottom:20px;flex:1}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06);padding-top:16px;font-family:var(--font-mono);font-size:.7rem;color:var(--gray-600);margin-top:auto}.blog-card-link{color:var(--accent);font-weight:700;transition:var(--transition);letter-spacing:.05em}.blog-card-link:hover{letter-spacing:.1em}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:64px;flex-wrap:wrap}.blog-page-btn{font-family:var(--font-mono);font-size:.8rem;font-weight:700;padding:10px 16px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);color:var(--gray-400);text-decoration:none;transition:var(--transition)}.blog-page-btn.active,.blog-page-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(255,61,90,.08)}.article-layout{display:grid;grid-template-columns:1fr;gap:48px;align-items:flex-start}@media(min-width: 1024px){.article-layout{grid-template-columns:1fr 320px;gap:64px}}.article-content{min-width:0;font-size:1rem;line-height:1.85;color:var(--gray-200)}.article-content h2{font-family:var(--font-display);font-size:clamp(1.3rem,2.5vw,1.75rem);font-weight:700;color:var(--white);margin:48px 0 20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.article-content h3{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--white);margin:36px 0 14px}.article-content p{margin-bottom:20px}.article-content a{color:var(--accent3);text-decoration:underline}.article-content a:hover{color:var(--accent)}.article-content strong{color:var(--white);font-weight:700}.article-content em{color:var(--gray-200);font-style:italic}.article-content ol,.article-content ul{margin:0 0 20px 24px;display:flex;flex-direction:column;gap:8px}.article-content li{color:var(--gray-200)}.article-content blockquote{border-left:3px solid var(--accent);padding:16px 24px;margin:28px 0;background:rgba(255,61,90,.04);border-radius:0 var(--radius) var(--radius) 0;font-style:italic;color:var(--gray-200)}.article-content code{font-family:var(--font-mono);font-size:.85em;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:2px 6px;color:var(--accent3)}.article-content pre{background:var(--secondary);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:24px;overflow-x:auto;margin:28px 0}.article-content pre code{background:0 0;border:none;padding:0;color:var(--gray-200);font-size:.875rem;line-height:1.7}.article-content img{border-radius:var(--radius-lg);margin:28px 0;box-shadow:var(--shadow-md)}.article-content hr{border:none;border-top:1px solid rgba(255,255,255,.06);margin:40px 0}.article-content table{width:100%;border-collapse:collapse;margin:28px 0;font-size:.875rem}.article-content th{background:var(--secondary);padding:12px 16px;text-align:left;font-weight:700;color:var(--white);border:1px solid rgba(255,255,255,.06)}.article-content td{padding:12px 16px;border:1px solid rgba(255,255,255,.06);color:var(--gray-200)}.article-content tr:nth-child(even) td{background:rgba(255,255,255,.02)}.article-meta-bar{display:flex;flex-wrap:wrap;gap:20px;margin-top:32px;font-family:var(--font-mono);font-size:.75rem;color:var(--gray-400)}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.article-tag{font-family:var(--font-mono);font-size:.7rem;padding:4px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:4px;color:var(--gray-400);text-decoration:none;transition:var(--transition)}.article-tag:hover{border-color:rgba(255,61,90,.3);color:var(--accent)}.article-cover-wrap{margin-top:-20px;margin-bottom:0}.article-cover-inner{border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:21/9;max-height:500px}.article-cover-inner img{width:100%;height:100%;object-fit:cover;filter:brightness(0.85) saturate(1.2)}.article-rating{margin-top:48px;padding:32px;background:var(--star-box);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg)}.article-rating-label{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--white);margin-bottom:16px}.article-rating-voted{display:flex;align-items:center;gap:12px}.article-rating-stars-display{display:flex;gap:4px;font-size:1.4rem}.article-rating-voted-text{font-size:.85rem;color:var(--gray-400)}.article-rating-form{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.article-rating-msg{font-size:.8rem;color:var(--accent);margin-top:8px;display:none}.star-picker{display:flex;gap:8px}.star-btn{font-size:1.8rem;color:rgba(255,255,255,.15);transition:color .15s,transform .15s;background:0 0;border:none;cursor:pointer;line-height:1;padding:0}.star-btn.active,.star-btn:hover{color:var(--gold);transform:scale(1.15)}.rating-submit-btn{padding:10px 20px;font-size:.85rem;opacity:.4;pointer-events:none}.rating-submit-btn.enabled{opacity:1;pointer-events:auto}.article-share{margin-top:40px;padding-top:32px;border-top:1px solid rgba(255,255,255,.06)}.article-share-label{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gray-400);margin-bottom:14px}.article-share-btns{display:flex;gap:10px;flex-wrap:wrap}.article-share-btn{padding:10px 18px;font-size:.8rem;text-decoration:none !important;color:var(--white) !important}.article-sidebar{display:flex;flex-direction:column;gap:20px}@media(min-width: 1024px){.article-sidebar{position:sticky;top:calc(var(--header-h) + 24px)}}.sidebar-card{background:var(--secondary);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:24px}.sidebar-card-title{font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gray-400);margin-bottom:16px}.sidebar-card--cta{background:linear-gradient(135deg, rgba(255, 61, 90, 0.12), rgba(255, 140, 66, 0.06));border-color:rgba(255,61,90,.2)}.sidebar-cta-icon{font-size:1.5rem;margin-bottom:12px}.sidebar-cta-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:8px}.sidebar-cta-desc{font-size:.8rem;color:var(--gray-400);margin-bottom:16px;line-height:1.6}.sidebar-author{display:flex;gap:16px;align-items:flex-start}.sidebar-author-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg, var(--accent), var(--accent2));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.2rem;font-weight:900;color:var(--white);flex-shrink:0}.sidebar-author-name{font-weight:700;margin-bottom:4px}.sidebar-author-bio{font-size:.8rem;color:var(--gray-400);line-height:1.5}.sidebar-author-link{display:inline-block;margin-top:10px;font-size:.8rem;color:var(--accent)}.sidebar-cat-list{display:flex;flex-direction:column;gap:6px}.sidebar-cat-link{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.06);text-decoration:none;transition:var(--transition);font-size:.875rem;color:var(--gray-200)}.sidebar-cat-link:hover{border-color:rgba(255,61,90,.2);color:var(--white)}.sidebar-cat-count{font-family:var(--font-mono);font-size:.7rem;color:var(--gray-600)}.toc-nav{display:flex;flex-direction:column;gap:6px}.toc-link{font-size:.825rem;color:var(--gray-400);text-decoration:none;padding:6px 10px;border-left:2px solid rgba(255,255,255,.06);transition:var(--transition);display:block;line-height:1.4}.toc-link.active,.toc-link:hover{color:var(--accent);border-color:var(--accent);background:rgba(255,61,90,.04)}.article-cat-badge{margin-bottom:20px}.blog-featured-title-link{transition:var(--transition)}.blog-featured-title-link:hover{color:var(--accent)}.blog-card-meta{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.blog-card-meta-time{font-family:var(--font-mono);font-size:.7rem;color:var(--gray-600)}.blog-related-section{border-top:1px solid rgba(255,255,255,.06)}.blog-grid--related{grid-template-columns:repeat(auto-fill, minmax(280px, 1fr))}