.blog-index-wrapper{padding-top:3.5rem;padding-bottom:5.5rem}.blog-header{max-width:680px;margin:0 auto 2.75rem}.blog-pill-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .95rem;background:#0284c71a;color:var(--color-primary, #0284c7);border:1px solid rgba(2,132,199,.2);border-radius:var(--radius-full, 9999px);font-size:.82rem;font-weight:700;margin-bottom:1.25rem}[data-theme=dark] .blog-pill-badge{background:#38bdf81f;color:#38bdf8;border-color:#38bdf840}.blog-badge-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981b3;animation:badgePulse 2s infinite ease-in-out}.blog-main-title{font-family:var(--font-heading, "Outfit", sans-serif);font-size:2.75rem;font-weight:800;color:var(--color-text-main, #0f172a);margin-bottom:.85rem;letter-spacing:-.03em}.blog-subtitle{font-size:1.05rem;color:var(--color-text-muted, #475569);line-height:1.6}.blog-filter-container{max-width:900px;margin:0 auto 3rem;display:flex;flex-direction:column;gap:1.25rem}.blog-search-wrap{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid var(--color-border, #e2e8f0);border-radius:var(--radius-full, 9999px);padding:.25rem .5rem .25rem 1.25rem;box-shadow:0 4px 16px -2px #0f172a0d;transition:all .2s ease}[data-theme=dark] .blog-search-wrap{background:#0f172a;border-color:#334155;box-shadow:0 4px 20px -2px #0006}.blog-search-wrap:focus-within{border-color:var(--color-primary, #0284c7);box-shadow:0 0 0 3.5px #0284c72e}[data-theme=dark] .blog-search-wrap:focus-within{border-color:#38bdf8;box-shadow:0 0 0 3.5px #38bdf838}.search-icon{color:var(--color-text-light, #94a3b8);display:flex;align-items:center;justify-content:center;margin-right:.75rem}.blog-search-input{flex:1;border:none;background:transparent;padding:.75rem 0;font-size:.95rem;font-weight:500;color:var(--color-text-main, #0f172a);outline:none}.clear-search-btn{width:28px;height:28px;border-radius:50%;background:var(--color-bg-secondary, #f0f7fe);color:var(--color-text-muted, #475569);display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;border:none}.category-pills-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.55rem}.category-filter-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .95rem;border-radius:var(--radius-full, 9999px);border:1.5px solid var(--color-border, #e2e8f0);background:var(--color-bg-primary, #ffffff);color:var(--color-text-muted, #475569);font-size:.84rem;font-weight:600;cursor:pointer;transition:all .2s ease;user-select:none}[data-theme=dark] .category-filter-btn{background:#0f172a;border-color:#334155;color:#94a3b8}.category-filter-btn:hover{border-color:var(--color-primary, #0284c7);color:var(--color-primary, #0284c7);transform:translateY(-1px)}[data-theme=dark] .category-filter-btn:hover{border-color:#38bdf8;color:#38bdf8}.category-filter-btn.active{background:var(--color-primary, #0284c7);border-color:var(--color-primary, #0284c7);color:#fff;box-shadow:0 4px 12px #0284c740}[data-theme=dark] .category-filter-btn.active{background:#38bdf8;border-color:#38bdf8;color:#090d16;box-shadow:0 4px 14px #38bdf859}.cat-badge-count{padding:.1rem .45rem;border-radius:var(--radius-full, 9999px);background:#00000014;font-size:.72rem;font-weight:700}.category-filter-btn.active .cat-badge-count{background:#ffffff40}[data-theme=dark] .category-filter-btn.active .cat-badge-count{background:#0003}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}.article-card{display:flex;flex-direction:column;background:var(--color-bg-primary, #ffffff);border:1.5px solid var(--color-border, #e2e8f0);border-radius:var(--radius-xl, 20px);overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 10px 25px -4px #0f172a0f;transition:all .3s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .article-card{background:#0f172a;border-color:#334155;box-shadow:0 10px 25px -4px #00000080}.article-card:hover{transform:translateY(-5px);border-color:var(--color-primary, #0284c7);box-shadow:0 18px 38px -6px #0f172a24}[data-theme=dark] .article-card:hover{border-color:#38bdf8;box-shadow:0 18px 40px -6px #38bdf833}.article-thumb{width:100%;height:170px;background:#0f172a;display:block;position:relative;overflow:hidden;margin:0;padding:0}.article-body{padding:1.5rem;display:flex;flex-direction:column;flex:1}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;font-size:.76rem}.article-date{color:var(--color-text-light, #94a3b8)}.article-tag{padding:.2rem .55rem;border-radius:var(--radius-full, 9999px);background:var(--color-bg-secondary, #f0f7fe);color:var(--color-primary, #0284c7);font-weight:700}[data-theme=dark] .article-tag{background:#38bdf81f;color:#38bdf8}.article-read-time{color:var(--color-text-light, #94a3b8);margin-left:auto;font-weight:500}.article-title{font-family:var(--font-heading, "Outfit", sans-serif);font-size:1.15rem;font-weight:700;line-height:1.4;color:var(--color-text-main, #0f172a);margin-bottom:.65rem;letter-spacing:-.01em}.article-excerpt{font-size:.88rem;color:var(--color-text-muted, #475569);line-height:1.55;margin-bottom:1.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-cta-row{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--color-border, #e2e8f0)}[data-theme=dark] .article-cta-row{border-top-color:#1e293b}.article-read-link{font-size:.86rem;font-weight:700;color:var(--color-primary, #0284c7);transition:color .2s ease}[data-theme=dark] .article-read-link{color:#38bdf8}.article-card:hover .article-read-link{color:var(--color-primary-hover, #0369a1)}.no-results-box{text-align:center;padding:4rem 2rem;max-width:500px;margin:2rem auto;background:var(--color-bg-primary, #ffffff);border:1.5px dashed var(--color-border, #e2e8f0);border-radius:var(--radius-xl, 20px)}[data-theme=dark] .no-results-box{background:#0f172a;border-color:#334155}.no-results-icon{font-size:2.5rem;margin-bottom:1rem}.no-results-box h3{font-size:1.35rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text-main, #0f172a)}.no-results-box p{font-size:.9rem;color:var(--color-text-muted, #475569);margin-bottom:1.25rem}.reset-search-btn{padding:.65rem 1.35rem;background:var(--color-primary, #0284c7);color:#fff;border-radius:var(--radius-full, 9999px);font-size:.88rem;font-weight:700;cursor:pointer;border:none}@media (max-width: 1024px){.articles-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (max-width: 640px){.blog-index-wrapper{padding-top:2.25rem;padding-bottom:3.5rem}.blog-main-title{font-size:2.15rem}.articles-grid{grid-template-columns:1fr;gap:1.15rem}.article-thumb{height:160px}.article-body{padding:1.25rem 1.15rem}.article-title{font-size:1.1rem;min-height:auto;margin-bottom:.5rem}.article-excerpt{font-size:.86rem;line-height:1.5;margin-bottom:1rem;min-height:auto;-webkit-line-clamp:2}.article-meta{font-size:.72rem;margin-bottom:.65rem}.article-cta-row{padding-top:.75rem}.category-pills-row{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.category-filter-btn{flex-shrink:0}}