html {
    scroll-behavior: smooth;
}

.gradient-bg {
    background: linear-gradient(135deg, #1E3A5F 0%, #0F172A 100%);
}

.gradient-accent {
    background: linear-gradient(135deg, #2DD4BF 0%, #14B8A6 100%);
}

.hero-gradient {
    background: linear-gradient(180deg, #F0FDFA 0%, #FFFFFF 100%);
}

.card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -8px rgba(45, 212, 191, 0.25);
}

.fade-in {
    animation: fadeIn 0.6s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}