body {
font-family: 'Poppins';
background: #f4f6f9;
margin: 0;
padding: 30px;
}

.title {
text-align: center;
color: #0b5e1d;
}

.filters {
display: flex;
gap: 10px;
margin-bottom: 20px;
flex-wrap: wrap;
}

select, button, a {
padding: 8px 12px;
border-radius: 6px;
border: 1px solid #ccc;
text-decoration: none;
}

.cards {
display: flex;
gap: 20px;
margin: 20px 0;
}

.card {
flex: 1;
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
text-align: center;
}

.card h2 {
margin: 0;
color: #333;
}

.card p {
font-size: 24px;
font-weight: bold;
}

.card span {
color: gray;
}