html {
    scroll-behavior: smooth;
}

.service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
                0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.hero-gradient {
    background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
}

.nav-link:hover::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #3b82f6;
    margin-top: 2px;
}