.articles-hero{text-align:center;background:linear-gradient(135deg,#f0f4ff 0%,#e8f0fe 100%);padding:100px 24px 48px}.articles-hero h1{color:var(--dark);margin-bottom:8px;font-size:2.4rem;font-weight:900}.articles-hero p{color:var(--text-light);letter-spacing:2px;font-size:1.1rem;font-weight:400}.articles-filter-bar{z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#fffffff7;padding:12px 24px;position:sticky;top:64px}.articles-filter-inner{max-width:var(--max-w);flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto;display:flex}.articles-filter-btn{cursor:pointer;color:#555;background:#fff;border:1.5px solid #d1d5db;border-radius:24px;padding:8px 22px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .25s}.articles-filter-btn:hover{border-color:var(--primary);color:var(--primary)}.articles-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.articles-section{max-width:var(--max-w);margin:0 auto;padding:40px 24px 60px}.articles-list{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.article-list-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:all var(--transition);flex-direction:column;display:flex;overflow:hidden}.article-list-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.article-list-cover{object-fit:cover;width:100%;height:200px}.article-list-body{flex-direction:column;flex:1;padding:28px 32px 32px;display:flex}.article-list-badge{color:var(--accent);background:var(--primary-light);border-radius:20px;align-self:flex-start;margin-bottom:14px;padding:4px 12px;font-size:.72rem;font-weight:600;display:inline-block}.article-list-title{color:var(--dark);margin-bottom:12px;font-size:1.15rem;font-weight:700;line-height:1.4}.article-list-excerpt{color:var(--text-light);flex:1;margin-bottom:16px;font-size:.9rem;line-height:1.8}.article-list-link{color:var(--primary);transition:gap var(--transition);align-items:center;gap:6px;font-size:.88rem;font-weight:600;display:inline-flex}.article-list-link:hover{gap:12px}@media (max-width:768px){.articles-list{grid-template-columns:1fr}.article-list-cover{height:180px}}