body {
background-color: #f9fafb;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


.navbar-brand {
font-weight: 600;
}


.card {
border-radius: 1rem;
}


.btn-primary {
border-radius: .5rem;
}


.topic-card {
border-left: 5px solid #0d6efd;
transition: all 0.2s ease-in-out;
}


.topic-card:hover {
transform: translateY(-3px);
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}


.reply-box {
background-color: #fff;
border-left: 3px solid #198754;
padding: 1rem;
border-radius: .5rem;
margin-bottom: 1rem;
}


footer {
margin-top: 4rem;
padding: 1rem 0;
background-color: #212529;
color: #fff;
text-align: center;
font-size: 0.9rem;
}