body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background: #f8f9fa; color: #333; line-height: 1.6; }
.card { border: none; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: transform 0.2s; }
.card:hover { transform: translateY(-4px); }
.card-img-top { height: 180px; object-fit: cover; }
footer { margin-top: 60px; padding: 40px 0; background: #2c3e50; color: #ecf0f1; text-align: center; }
@media (max-width: 768px) { .card-title { font-size: 1.1rem; } }