.news-page{min-height:100vh;background:var(--color-background)}.news-container{padding:.5rem 0}.news-hero{text-align:center;padding:1.5rem 0 1rem;background:linear-gradient(135deg,var(--color-primary-50) 0,var(--color-white) 100%);border-radius:var(--border-radius-lg);margin-bottom:1.5rem}.hero-content{max-width:800px;margin:0 auto}.page-title{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-800));-webkit-background-clip:text;background-clip:text;line-height:1.2}.hero-description{max-width:600px;margin:0 auto}.hero-description p{font-size:1.25rem;color:var(--color-text-secondary);line-height:1.6;margin:0}.filters-section{margin-bottom:1.5rem}.filters-container{background:var(--color-white);padding:1rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);display:flex;align-items:center;gap:1.5rem}.filters-label{display:flex;align-items:center;gap:.75rem;color:var(--color-text-primary);font-weight:600;font-size:1.1rem;flex-shrink:0}.filters-label svg{color:var(--color-accent)}.filters-buttons{display:flex;flex-wrap:wrap;gap:.5rem;flex:1 1}.filter-button{background:var(--color-background);color:var(--color-text-secondary);border:1px solid var(--color-border);padding:.6rem 1rem;border-radius:var(--border-radius);font-weight:500;cursor:pointer;text-decoration:none;outline:none;font-size:.9rem;position:relative}.filter-button,.filter-button:after{transition:all var(--transition-fast)}.filter-button:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary-blue);transform:translateX(-50%)}.filter-button:hover{color:var(--primary-blue);background-color:var(--gray-50);border-color:var(--gray-50)}.filter-button:hover:after{width:80%}.filter-button.selected{color:var(--primary-blue);background-color:var(--gray-50);border-color:var(--gray-50)}.filter-button.selected:after{width:80%;background:var(--primary-blue)}.articles-section{margin-bottom:1.5rem}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:var(--space-6);gap:var(--space-6)}.article-card{background:var(--white);border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;height:100%}.article-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-blue)}.article-image{width:100%;height:200px;overflow:hidden;position:relative;background:var(--gray-100)}.article-img{width:100%;height:100%;object-fit:contain;transition:transform var(--transition-base)}.article-card:hover .article-img{transform:scale(1.05)}.article-content-preview{padding:var(--space-6);flex:1 1;display:flex;flex-direction:column;width:100%}.article-preview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3);gap:var(--space-4)}.article-preview-title{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900);line-height:var(--line-height-tight);margin:0;flex:1 1;transition:color var(--transition-fast)}.article-card:hover .article-preview-title{color:var(--primary-blue)}.article-preview-tag{background:linear-gradient(135deg,var(--accent-orange),var(--accent-light-orange));color:var(--white);padding:var(--space-2) var(--space-3);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap;flex-shrink:0;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.article-preview-description{color:var(--gray-600);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);flex:1 1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--font-size-base)}.article-preview-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--gray-200)}.article-preview-date{display:flex;align-items:center;gap:var(--space-2);color:var(--gray-500);font-size:var(--font-size-sm);font-weight:500}.article-preview-date svg{color:var(--primary-blue);transition:color var(--transition-fast)}.article-preview-read-more{display:flex;align-items:center;gap:var(--space-2);color:var(--accent-orange);font-weight:600;font-size:var(--font-size-sm);transition:all var(--transition-fast);letter-spacing:var(--letter-spacing-wide)}.article-card:hover .article-preview-read-more{color:var(--primary-blue);transform:translateX(var(--space-1))}.article-preview-read-more svg{transition:transform var(--transition-fast)}.article-card:hover .article-preview-read-more svg{transform:translateX(var(--space-1))}.empty-state{text-align:center;padding:var(--space-16) var(--space-6);background:var(--white);border-radius:var(--border-radius-xl);border:2px dashed var(--gray-300)}.empty-icon{margin-bottom:var(--space-4);color:var(--gray-400);opacity:.7}.empty-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-3)}.empty-description{color:var(--gray-600);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);max-width:500px;margin:0 auto}@media (max-width:768px){.news-container{padding:.25rem 0}.news-hero{padding:1rem 0 .75rem;margin-bottom:1rem}.page-title{font-size:2rem;margin-bottom:1rem}.hero-description p{font-size:1rem}.filters-section{margin-bottom:1rem}.filters-container{padding:.75rem;gap:1rem;flex-direction:column;align-items:stretch}.filters-label{justify-content:center;font-size:1rem}.filters-buttons{justify-content:center;gap:.375rem}.filter-button{padding:.5rem .75rem;font-size:.8rem}.articles-section{margin-bottom:1rem}.articles-grid{grid-template-columns:1fr;gap:.75rem}}@media (max-width:480px){.news-container{padding:.125rem 0}.news-hero{padding:.75rem 0 .5rem;margin-bottom:.75rem}.page-title{font-size:1.75rem;margin-bottom:1rem}.hero-description p{font-size:.9rem}.filters-container{padding:.5rem;gap:.75rem}.filters-label{font-size:.9rem;gap:.5rem}.filters-buttons{gap:.25rem}.filter-button{padding:.375rem .5rem;font-size:.75rem}.articles-grid{gap:.5rem}.empty-state{padding:2rem 1rem}}