.articles-page{min-height:100vh;padding:60px 20px;background:var(--background,#f5f5f5)}.articles-container{max-width:1200px;margin:0 auto}.articles-header{text-align:center;margin-bottom:60px}.articles-title{font-size:3rem;font-weight:700;margin-bottom:16px;color:var(--text-primary,#1a1a1a)}.articles-subtitle{font-size:1.25rem;color:var(--text-secondary,#666);max-width:600px;margin:0 auto}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:30px;gap:30px;margin-top:40px}.article-card{background:var(--card-bg,#fff);border-radius:12px;padding:30px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .3s ease;border:1px solid var(--border-color,#e5e5e5)}.article-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.15)}.article-link{text-decoration:none;color:inherit;display:block;height:100%}.article-card-title{font-size:1.5rem;font-weight:600;margin-bottom:12px;color:var(--text-primary,#1a1a1a);line-height:1.3}.article-card-description{font-size:1rem;color:var(--text-secondary,#666);margin-bottom:16px;line-height:1.6}.article-card-date{display:block;font-size:.875rem;color:var(--text-muted,#999);margin-bottom:16px}.article-card-read-more{display:inline-block;color:var(--primary-color,#3253fa);font-weight:500;font-size:.95rem;transition:transform .2s}.article-card:hover .article-card-read-more{transform:translateX(4px)}.articles-empty{text-align:center;padding:60px 20px;color:var(--text-secondary,#666)}@media(max-width:768px){.articles-page{padding:40px 16px}.articles-title{font-size:2rem}.articles-subtitle{font-size:1.1rem}.articles-grid{grid-template-columns:1fr;gap:20px}.article-card{padding:24px}}