.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;padding:1rem}.news-item{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .3s ease;position:relative}.news-item:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(0,0,0,.15)}.news-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#2563eb,#7c3aed)}.news-image-container{position:relative;width:100%;height:220px;overflow:hidden;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.news-image{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.news-image:hover{transform:scale(1.05)}.news-content{padding:1.5rem}.news-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.75rem;line-height:1.4;-webkit-line-clamp:2}.news-excerpt,.news-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.news-excerpt{color:#6b7280;font-size:.875rem;line-height:1.6;margin-bottom:1rem;-webkit-line-clamp:3}.news-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-top:1rem;border-top:1px solid #f3f4f6}.news-date{color:#9ca3af}.news-category,.news-date{font-size:.75rem;font-weight:500}.news-category{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#10b981,#059669);color:white;border-radius:12px}.news-read-more{display:inline-flex;align-items:center;gap:.5rem;color:#10b981;font-weight:600;font-size:.875rem;text-decoration:none;transition:all .3s ease}.news-read-more:hover{color:#059669;transform:translateX(4px)}.news-read-more-icon{width:1rem;height:1rem;transition:transform .3s ease}.news-read-more:hover .news-read-more-icon{transform:translateX(4px)}.news-loading{display:flex;align-items:center;justify-content:center;width:100%;height:220px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.news-loading-spinner{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite}.news-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.news-skeleton-title{height:1.5rem;margin-bottom:.75rem}.news-skeleton-text{height:1rem;margin-bottom:.5rem}.news-skeleton-text:last-child{width:70%}.news-filters{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;padding:0 1rem}.news-filter-btn{padding:.5rem 1rem;border:2px solid #e5e7eb;border-radius:25px;background:white;color:#6b7280;font-weight:500;transition:all .3s ease;cursor:pointer}.news-filter-btn:hover{color:#10b981}.news-filter-btn.active,.news-filter-btn:hover{border-color:#10b981;transform:translateY(-2px)}.news-filter-btn.active{background:linear-gradient(135deg,#10b981,#059669);color:white;box-shadow:0 4px 12px rgba(16,185,129,.3)}.news-search{position:relative;max-width:400px;margin:0 auto 2rem}.news-search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid #e5e7eb;border-radius:25px;background:white;font-size:.875rem;transition:all .3s ease}.news-search-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1)}.news-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#9ca3af}.news-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:3rem}.news-pagination-btn{padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:8px;background:white;color:#6b7280;font-weight:500;transition:all .3s ease;cursor:pointer}.news-pagination-btn:hover{border-color:#10b981;color:#10b981}.news-pagination-btn.active{background:#10b981;border-color:#10b981;color:white}.news-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.news-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#6b7280}.news-error-icon{width:3rem;height:3rem;margin-bottom:1rem;color:#dc2626}.news-error-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.news-error-message{margin-bottom:1.5rem}.news-retry-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:white;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.news-retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,.3)}@media (max-width:768px){.news-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:.5rem}.news-image-container{height:200px}.news-content{padding:1rem}.news-title{font-size:1.125rem}.news-filters{padding:0 .5rem}.news-filter-btn{padding:.375rem .75rem;font-size:.875rem}}@media (max-width:480px){.news-grid{grid-template-columns:1fr}.news-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.news-filters{flex-direction:column;align-items:stretch}.news-filter-btn{text-align:center}}