.news-page{background:#0d1117;min-height:100vh;padding-top:64px}.news-hero{min-height:450px;text-decoration:none;display:flex;position:relative;overflow:hidden}.news-hero-bg{background-position:50%;background-size:cover;transition:transform .3s;position:absolute;inset:0}.news-hero:hover .news-hero-bg{transform:scale(1.02)}.news-hero-overlay{background:linear-gradient(#0d111733 0%,#0d111766 50%,#0d1117f2 100%);position:absolute;inset:0}.news-hero-content{flex-direction:column;justify-content:flex-end;width:100%;max-width:1200px;min-height:450px;margin:0 auto;padding:4rem 2rem 3rem;display:flex;position:relative}.news-hero-badge{color:#0d1117;text-transform:uppercase;letter-spacing:.05em;background:#c9a227e6;border-radius:4px;width:fit-content;margin-bottom:1rem;padding:.25rem .75rem;font-size:.7rem;font-weight:700;display:inline-block}.news-hero-title{color:#e6edf3;max-width:700px;margin-bottom:.75rem;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700}.news-hero-subtitle{color:#8b949e;max-width:600px;margin-bottom:.75rem;font-size:1.05rem;line-height:1.6}.news-hero-date{color:#484f58;margin-bottom:1rem;font-size:.85rem}.news-hero-cta{color:#c9a227;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600}.news-filter-bar{z-index:100;background:#0d1117f2;border-bottom:1px solid #58a6ff14;padding:1rem 2rem;position:sticky;top:64px}.news-filter-inner{flex-wrap:wrap;gap:.5rem;max-width:1200px;margin:0 auto;display:flex}.news-filter-pill{color:#8b949e;background:#161b22d9;border:1px solid #58a6ff1a;border-radius:20px;padding:.4rem 1rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s}.news-filter-pill:hover{color:#e6edf3;border-color:#58a6ff4d}.news-filter-pill.active{color:#c9a227;background:#c9a22714;border-color:#c9a22766}.news-articles-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;padding:2rem;display:grid}.news-grid-card{flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.news-grid-image{border-radius:16px 16px 0 0;height:180px;position:relative;overflow:hidden}.news-grid-image img{object-fit:cover}.news-grid-placeholder{background:linear-gradient(135deg,#161b22,#1c2333);width:100%;height:100%}.news-grid-badge{color:#0d1117;text-transform:uppercase;letter-spacing:.05em;background:#c9a227e6;border-radius:4px;padding:.2rem .5rem;font-size:.65rem;font-weight:700;position:absolute;top:.75rem;left:.75rem}.news-grid-body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.news-grid-title{color:#e6edf3;margin-bottom:.5rem;font-size:1rem;font-weight:600;line-height:1.4}.news-grid-excerpt{color:#8b949e;flex:1;margin-bottom:.75rem;font-size:.85rem;line-height:1.5}.news-grid-meta{color:#484f58;gap:.75rem;font-size:.75rem;display:flex}.news-empty{text-align:center;color:#484f58;padding:4rem 2rem}.news-pagination{justify-content:center;gap:.5rem;padding:2rem;display:flex}.news-page-btn{color:#8b949e;background:#161b22d9;border:1px solid #58a6ff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.news-page-btn:hover{color:#e6edf3;border-color:#58a6ff4d}.news-page-btn.active{color:#c9a227;background:#c9a22714;border-color:#c9a22766}.article-page{background:#0d1117;min-height:100vh;padding-top:64px}.article-hero{height:400px;position:relative;overflow:hidden}.article-hero-overlay{background:linear-gradient(#0000 40%,#0d1117 100%);position:absolute;inset:0}.article-container{max-width:800px;margin:0 auto;padding:2rem}.article-header{margin-bottom:2rem}.article-category-link{color:#c9a227;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.75rem;font-weight:700;text-decoration:none;transition:color .2s;display:inline-block}.article-category-link:hover{color:#d4af37}.article-title{color:#e6edf3;margin-bottom:.75rem;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;line-height:1.2}.article-subtitle{color:#8b949e;margin-bottom:1rem;font-size:1.1rem;line-height:1.6}.article-meta{color:#484f58;gap:1rem;font-size:.85rem;display:flex}.article-author{color:#8b949e;font-weight:500}.article-body{color:#c9d1d9;margin-bottom:3rem;font-size:1rem;line-height:1.8}.article-body h2{color:#e6edf3;margin:2rem 0 1rem;font-size:1.5rem}.article-body h3{color:#e6edf3;margin:1.5rem 0 .75rem;font-size:1.2rem}.article-body p{margin-bottom:1rem}.article-body a{color:#58a6ff;text-decoration:none}.article-body a:hover{text-decoration:underline}.article-body img{border-radius:8px;max-width:100%;margin:1rem 0}.article-footer{border-top:1px solid #58a6ff14;padding-top:2rem}.article-back{color:#58a6ff;font-size:.9rem;text-decoration:none;transition:color .2s}.article-back:hover{color:#79b8ff}
