.articles-section{margin:60px 0}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px;margin-bottom:60px;display:grid}.article-card{background:#fff;border-radius:16px;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.article-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #7a00001a}.article-card:hover .article-image img{transform:scale(1.08)}.article-image{background:linear-gradient(135deg,#f5f5f5 0%,#e8e8e8 100%);width:100%;height:220px;position:relative;overflow:hidden}.article-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.article-category-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#7a0000e6;border-radius:20px;padding:6px 16px;font-size:12px;font-weight:600;position:absolute;top:16px;left:16px}.article-content{flex-direction:column;flex-grow:1;padding:28px;display:flex}.article-meta{color:#757575;align-items:center;gap:16px;margin-bottom:16px;font-size:14px;display:flex}.article-date{align-items:center;gap:6px;font-weight:500;display:flex}.article-date:before{content:"";background:#7a0000;border-radius:50%;width:4px;height:4px;display:inline-block}.article-author{color:#464646;font-weight:500}.article-title{color:#2d2d2d;margin-bottom:16px;font-size:20px;font-weight:600;line-height:1.4;transition:color .3s}.article-title a{color:inherit;text-decoration:none}.article-title a:hover{color:#7a0000}.article-excerpt{color:#666;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:24px;font-size:15px;line-height:1.7;display:-webkit-box;overflow:hidden}.article-read-more{color:#7a0000;border-bottom:2px solid #0000;align-self:flex-start;align-items:center;gap:8px;padding:10px 0;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.article-read-more:hover{border-bottom:2px solid #7a0000;gap:12px}.article-read-more:after{content:"→";transition:transform .3s}.article-read-more:hover:after{transform:translate(4px)}.no-articles{text-align:center;background:#fafafa;border-radius:16px;margin:40px 0;padding:100px 20px}.no-articles-icon{color:#e0e0e0;margin-bottom:24px;font-size:48px}.no-articles-text{color:#757575;margin-bottom:32px;font-size:18px}.categories-nav{border-bottom:1px solid #e8e8e8;flex-wrap:wrap;gap:12px;margin:32px 0 48px;padding-bottom:32px;display:flex}.category-tag{color:#666;cursor:pointer;background:#f8f8f8;border:2px solid #0000;border-radius:30px;padding:10px 24px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s}.category-tag:hover{color:#7a0000;background:#fff;border-color:#7a0000;transform:translateY(-2px)}.category-tag.active{color:#fff;background:#7a0000;border-color:#7a0000}.pagination-wrapper{border-top:1px solid #e8e8e8;justify-content:center;align-items:center;gap:20px;margin-top:40px;padding:40px 0;display:flex}.pagination-button{color:#666;background:#fff;border:2px solid #e8e8e8;border-radius:8px;align-items:center;gap:8px;min-width:140px;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.pagination-button:hover:not(:disabled){color:#7a0000;border-color:#7a0000;transform:translateY(-2px);box-shadow:0 8px 20px #7a00001a}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button.prev{justify-content:flex-start}.pagination-button.next{justify-content:flex-end}.pagination-info{color:#757575;padding:0 20px;font-size:15px;font-weight:500}.articles-header{text-align:center;margin-bottom:48px}.articles-title{color:#2d2d2d;margin-bottom:16px;font-size:42px;font-weight:700;display:inline-block;position:relative}.articles-title:after{content:"";background:#7a0000;border-radius:2px;width:60px;height:3px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.articles-subtitle{color:#757575;max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.articles-loading{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px;display:grid}.article-card-skeleton{background:#fff;border-radius:16px;height:420px;overflow:hidden;box-shadow:0 4px 20px #0000000d}.skeleton-image{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;height:220px;animation:1.5s infinite loading}.skeleton-content{padding:28px}.skeleton-line{background:#f0f0f0;border-radius:6px;height:12px;margin-bottom:16px;animation:1.5s infinite loading}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1200px){.articles-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}}@media (max-width:768px){.articles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.articles-title{font-size:32px}.article-content{padding:20px}.article-image{height:200px}.categories-nav{justify-content:center}.pagination-wrapper{flex-direction:column;gap:16px}.pagination-button{justify-content:center;width:100%;max-width:300px}}@media (max-width:480px){.articles-grid{grid-template-columns:1fr}.category-tag{padding:8px 16px;font-size:14px}.article-title{font-size:18px}}