body {
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
}

.hero-section {
    background: linear-gradient(135deg, #0d6efd 0%, #0a4da2 100%);
    color: white;
    padding: 50px 0 35px 0;
}

.card {
    transition: transform 0.2s;
    border: none;
}

.card:hover {
    transform: translateY(-5px);
}

.btn-group .btn.active-filter {
    background-color: #0d6efd !important;
    color: white !important;
}

.service-icon {
    font-size: 2rem;
    color: #0d6efd;
}