body { font-family: 'Poppins', sans-serif; }
.hero-section { background: url('/images/mandi_img.webp') center/cover no-repeat; }
.card { border-radius: 12px; }
footer { font-size: 0.9rem; }
.chat-box { height: 200px; overflow-y: auto; background: #f8f9fa; border-radius: 6px; padding: 10px; }
#weatherBox p, #newsFeed p { margin-bottom: 0.5rem; }
#newsFeed a:hover { text-decoration: underline; }
@media (max-width: 768px) { h1 { font-size: 1.8rem; } }