:root{--primary: <?= $primaryColor ?>;--secondary: <?= $secondaryColor ?>;--accent: <?= $accentColor ?>;--gradient: <?= $titleGradient ?>}.news-container{max-width:1200px;margin:auto;padding:40px 20px}.gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.news-featured{position:relative;border-radius:14px;overflow:hidden;margin-bottom:30px}.news-featured img{width:100%;height:420px;object-fit:cover}.news-featured-overlay{position:absolute;bottom:0;left:0;right:0;padding:30px;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);color:#fff}.news-featured-title{font-size:28px;background:var(--gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;margin-bottom:10px}.news-featured-meta{font-size:13px;opacity:.9}.news-layout{display:flex;gap:20px;align-items:flex-start}.news-sidebar{width:260px}.news-sidebar-item{display:flex;gap:10px;background:#fff;padding:10px;border-radius:8px;margin-bottom:10px}.news-sidebar-item img{width:60px;height:60px;object-fit:cover;border-radius:6px}.news-sidebar-title{font-size:13px;font-weight:600}.news-cards{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.08);transition:.2s}.news-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.news-card img{width:100%;height:180px;object-fit:cover}.news-card-body{padding:15px}.news-category{font-size:11px;font-weight:700;margin-bottom:6px;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.news-card-title{font-size:15px;font-weight:700;margin-bottom:6px}.news-card-excerpt{font-size:13px;color:#666;margin-bottom:8px}.news-meta{font-size:12px;color:#888;display:flex;justify-content:space-between;flex-wrap:wrap}.news-pagination{display:flex;justify-content:center;margin-top:40px;gap:6px;flex-wrap:wrap}.news-pagination a{padding:8px 12px;border-radius:6px;background:#fff;border:1px solid #ddd;text-decoration:none;color:#333;font-size:14px}.news-pagination a.active{background:var(--gradient);color:#fff;border:none}.news-pagination a:hover{background:#f2f2f2}@media (max-width:900px){.news-layout{flex-direction:column}.news-sidebar{width:100%}.news-cards{grid-template-columns:1fr}}