.ArticlesList-module__S5QCOW__container{background-color:#f8f9fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ArticlesList-module__S5QCOW__content{max-width:1200px;margin:0 auto;padding:0 20px}.ArticlesList-module__S5QCOW__heroSection{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);margin-bottom:50px;padding:80px 0}.ArticlesList-module__S5QCOW__heroContent{max-width:800px;margin:0 auto;padding:0 20px}.ArticlesList-module__S5QCOW__heroTitle{text-shadow:2px 2px 4px #0000001a;margin-bottom:20px;font-size:3rem;font-weight:700}.ArticlesList-module__S5QCOW__heroDescription{opacity:.9;margin-bottom:30px;font-size:1.2rem;line-height:1.6}.ArticlesList-module__S5QCOW__filterSection{background:#fff;border-radius:12px;margin-bottom:40px;padding:30px;box-shadow:0 2px 10px #0000001a}.ArticlesList-module__S5QCOW__filterTitle{color:#333;margin-bottom:20px;font-size:1.3rem;font-weight:600}.ArticlesList-module__S5QCOW__filterGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:end;gap:20px;display:grid}.ArticlesList-module__S5QCOW__filterGroup{flex-direction:column;display:flex}.ArticlesList-module__S5QCOW__filterLabel{color:#555;margin-bottom:8px;font-weight:500}.ArticlesList-module__S5QCOW__filterSelect{border:2px solid #e1e5e9;border-radius:8px;padding:10px 15px;font-size:1rem;transition:all .3s}.ArticlesList-module__S5QCOW__filterSelect:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.ArticlesList-module__S5QCOW__filterButton{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:12px 24px;font-weight:500;transition:all .3s}.ArticlesList-module__S5QCOW__filterButton:hover{background:#5a67d8;transform:translateY(-2px)}.ArticlesList-module__S5QCOW__articlesSection{margin-bottom:50px}.ArticlesList-module__S5QCOW__sectionTitle{color:#333;align-items:center;gap:12px;margin-bottom:30px;font-size:1.8rem;font-weight:600;display:flex}.ArticlesList-module__S5QCOW__sectionTitle i{color:#667eea}.ArticlesList-module__S5QCOW__articlesGrid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;display:grid}.ArticlesList-module__S5QCOW__articleCard{cursor:pointer;background:#fff;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 4px 20px #0000001a}.ArticlesList-module__S5QCOW__articleCard:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.ArticlesList-module__S5QCOW__articleImage{object-fit:cover;color:#999;background:linear-gradient(45deg,#f0f2f5,#e1e5e9);justify-content:center;align-items:center;width:100%;height:200px;font-size:3rem;display:flex}.ArticlesList-module__S5QCOW__articleContent{padding:25px}.ArticlesList-module__S5QCOW__articleTitle{color:#333;margin-bottom:10px;font-size:1.3rem;font-weight:600;line-height:1.4}.ArticlesList-module__S5QCOW__articleExcerpt{color:#666;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:20px;line-height:1.6;display:-webkit-box;overflow:hidden}.ArticlesList-module__S5QCOW__articleMeta{color:#888;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:.9rem;display:flex}.ArticlesList-module__S5QCOW__articleAuthor{color:#667eea;font-weight:500}.ArticlesList-module__S5QCOW__articleDate{color:#999}.ArticlesList-module__S5QCOW__articleTopics{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.ArticlesList-module__S5QCOW__topicTag{color:#667eea;background:#e8f0ff;border-radius:20px;padding:4px 10px;font-size:.8rem;font-weight:500}.ArticlesList-module__S5QCOW__articleStats{color:#999;justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.ArticlesList-module__S5QCOW__statItem{align-items:center;gap:5px;display:flex}.ArticlesList-module__S5QCOW__statItem i{color:#667eea}.ArticlesList-module__S5QCOW__loading{text-align:center;color:#666;padding:100px 20px;font-size:1.1rem}.ArticlesList-module__S5QCOW__error{text-align:center;color:#dc3545;padding:100px 20px;font-size:1.1rem}.ArticlesList-module__S5QCOW__emptyState{text-align:center;color:#666;padding:100px 20px}.ArticlesList-module__S5QCOW__emptyStateIcon{color:#ddd;margin-bottom:20px;font-size:4rem}.ArticlesList-module__S5QCOW__emptyStateTitle{margin-bottom:10px;font-size:1.5rem;font-weight:600}.ArticlesList-module__S5QCOW__emptyStateDescription{opacity:.8;font-size:1rem}.ArticlesList-module__S5QCOW__pagination{justify-content:center;align-items:center;gap:10px;margin-top:50px;padding:20px 0;display:flex}.ArticlesList-module__S5QCOW__pageButton{color:#666;cursor:pointer;background:#fff;border:2px solid #e1e5e9;border-radius:8px;padding:10px 15px;transition:all .3s}.ArticlesList-module__S5QCOW__pageButton:hover{color:#667eea;border-color:#667eea}.ArticlesList-module__S5QCOW__pageButton.ArticlesList-module__S5QCOW__active{color:#fff;background:#667eea;border-color:#667eea}.ArticlesList-module__S5QCOW__pageButton:disabled{opacity:.5;cursor:not-allowed}.ArticlesList-module__S5QCOW__pageInfo{color:#666;margin:0 20px;font-size:.9rem}@media (max-width:768px){.ArticlesList-module__S5QCOW__heroTitle{font-size:2rem}.ArticlesList-module__S5QCOW__heroDescription{font-size:1rem}.ArticlesList-module__S5QCOW__filterGrid,.ArticlesList-module__S5QCOW__articlesGrid{grid-template-columns:1fr}.ArticlesList-module__S5QCOW__pagination{flex-wrap:wrap;gap:5px}}