.news-hero{padding:8rem 0 2rem;position:relative;overflow:hidden} .news-hero .hero-bg-glow{position:absolute;top:-10%;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(0,123,255,0.15) 0%,rgba(0,0,0,0) 60%);z-index:0;pointer-events:none} .news-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:0.8rem;margin-bottom:4rem} .news-pill{display:flex;align-items:center;gap:8px;padding:0.6rem 1.2rem;border-radius:30px;font-size:0.9rem;font-weight:500;color:var(--text-muted);background:rgba(255,255,255,0.02);border:1px solid var(--border-color);transition:all 0.3s cubic-bezier(0.16,1,0.3,1)} .news-pill iconify-icon{font-size:1.2rem} .news-pill:hover,.news-pill.active{color:#fff;border-color:var(--primary);background:rgba(0,123,255,0.1);box-shadow:0 0 15px var(--primary-glow),inset 0 0 10px rgba(0,123,255,0.1);transform:translateY(-2px)} .news-pill:hover iconify-icon,.news-pill.active iconify-icon{color:var(--primary);filter:drop-shadow(0 0 5px var(--primary))} .news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem} .news-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);cursor:pointer;text-decoration:none} .news-card:hover{transform:translateY(-6px);border-color:rgba(0,123,255,0.4);box-shadow:0 20px 40px rgba(0,0,0,0.5),0 5px 20px var(--primary-glow)} .news-card-image{width:100%;height:180px;background-size:cover;background-position:center;position:relative;border-bottom:1px solid var(--border-color);transition:filter 0.3s ease} .news-card:hover .news-card-image{filter:brightness(1.1)} .news-category-badge{position:absolute;top:15px;left:15px;background:rgba(13,17,22,0.85);backdrop-filter:blur(4px);border:1px solid rgba(0,123,255,0.3);color:#fff;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,0.5)} .news-card-content{padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;flex:1} .news-meta{font-size:0.8rem;color:var(--text-muted);margin-bottom:0.8rem;display:flex;align-items:center;gap:6px} .news-meta iconify-icon{color:var(--primary)} .news-card-content h3{font-size:1.15rem;color:#fff;margin:0;line-height:1.4;transition:color 0.3s} .news-card:hover .news-card-content h3{color:var(--primary)} .empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:rgba(255,255,255,0.02);border:1px dashed var(--border-color);border-radius:12px} .empty-state iconify-icon{font-size:3rem;color:var(--text-muted);margin-bottom:1rem}