.blog-layout{padding:50px 0 90px;background-color:#f1f5f9;min-height:calc(100vh - 250px)}.theme-dark .blog-layout{background-color:#0f111a}.blog-header{text-align:center;max-width:700px;margin:0 auto 40px}.blog-header h1{font-size:42px;font-weight:800;margin-bottom:16px;background:linear-gradient(135deg,var(--primary) 0%,#f87171 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:4px 12px;line-height:1.3}.blog-header p{color:var(--text-secondary);font-size:16px;margin-bottom:30px}.blog-search-wrapper{position:relative;max-width:500px;margin:0 auto}.blog-search-wrapper i,.blog-search-wrapper svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-muted);width:18px;height:18px}.blog-search-input{width:100%;padding:14px 20px 14px 48px;font-size:15px;border:1px solid var(--border-color);border-radius:30px;background-color:var(--bg-secondary);color:var(--text-primary);outline:none;box-shadow:0 4px 15px #0000000a;transition:all .25s ease}.blog-search-input:focus{border-color:var(--primary);box-shadow:0 4px 20px #dc26261f;background-color:var(--bg-secondary)}.blog-categories{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:40px}.category-capsule{padding:10px 20px;font-size:14px;font-weight:600;border-radius:30px;background-color:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border:1px solid var(--border-color);box-shadow:0 2px 6px #00000005;transition:all .25s ease;-webkit-user-select:none;user-select:none}.category-capsule:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.category-capsule.active{background:linear-gradient(135deg,var(--primary) 0%,#ef4444 100%);color:#fff;border-color:transparent;box-shadow:0 4px 12px #dc262640}.featured-article{display:grid;grid-template-columns:1.3fr 1fr;gap:0;background-color:var(--bg-secondary);border-radius:16px;overflow:hidden;margin-bottom:50px;box-shadow:0 10px 30px #0000000f;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease}.featured-article:hover{transform:translateY(-6px);box-shadow:0 15px 35px #dc262614}.featured-img-link{display:block;height:100%;min-height:380px;overflow:hidden}.featured-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.featured-article:hover .featured-img{transform:scale(1.04)}.featured-content{padding:45px;display:flex;flex-direction:column;justify-content:center}.article-tag{align-self:flex-start;font-size:11px;font-weight:750;text-transform:uppercase;color:var(--primary);background-color:var(--primary-light);padding:6px 12px;border-radius:30px;margin-bottom:20px;letter-spacing:.8px}.theme-dark .article-tag{background-color:#ef444426;color:#f87171}.featured-content h2{font-size:32px;font-weight:800;line-height:1.3;margin-bottom:18px;color:var(--text-primary)}.featured-content h2 a{color:inherit;text-decoration:none;transition:color .2s ease}.featured-content h2 a:hover{color:var(--primary)}.featured-excerpt{color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:30px}.article-meta{display:flex;align-items:center;gap:20px;font-size:13px;color:var(--text-muted);border-top:1px solid var(--border-color);padding-top:20px}.article-meta span{display:flex;align-items:center;gap:8px}.article-meta span i,.article-meta span svg{width:14px;height:14px;color:var(--text-muted)}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:50px}.article-card{background-color:var(--bg-secondary);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000000a;border:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;transition:transform .3s ease,box-shadow .3s ease}.article-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #dc262614}.card-img-link{display:block;height:220px;overflow:hidden}.card-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.article-card:hover .card-img{transform:scale(1.05)}.card-content{padding:28px;display:flex;flex-direction:column;flex-grow:1}.card-content h3{font-size:20px;font-weight:750;line-height:1.4;margin-bottom:12px;color:var(--text-primary)}.card-content h3 a{color:inherit;text-decoration:none;transition:color .2s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-content h3 a:hover{color:var(--primary)}.card-excerpt{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer{margin-top:auto;border-top:1px solid var(--border-color);padding-top:20px}.blog-empty-state{text-align:center;padding:80px 20px;background-color:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color)}.blog-empty-state i,.blog-empty-state svg{color:var(--text-muted);margin-bottom:20px;width:48px;height:48px}@media (max-width: 991px){.featured-article{grid-template-columns:1fr}.featured-img-link{min-height:280px;height:280px}.articles-grid{grid-template-columns:repeat(2,1fr)}.featured-content{padding:35px}}@media (max-width: 768px){.blog-layout{padding:30px 0 60px}.articles-grid{grid-template-columns:1fr;gap:24px}.blog-header h1{font-size:32px}.featured-content{padding:24px}.featured-content h2{font-size:24px}}