body { font-family: 'Segoe UI', sans-serif; background: #f8f9fa; }
.navbar-brand { font-weight: bold; }
.hero { background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/random/1600x900/?coding'); background-size: cover; color: white; padding: 100px 0; text-align: center; }
.topic-card, .news-card { transition: transform 0.2s; }
.topic-card:hover, .news-card:hover { transform: translateY(-5px); }
code[class*="language-"], pre[class*="language-"] { border-radius: 8px; }
footer { background: #343a40; color: white; padding: 30px 0; }