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

.font-display {
        font-family: 'Playfair Display', serif;
}

.glass {
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
}

.hero-gradient {
        background: linear-gradient(135deg, #f7e8e4 0%, #f9d4c7 25%, #f9c7b8 50%, #ffb199 75%, #f99679 100%);
}

.warm-gradient {
        background: linear-gradient(135deg, #ff9770 0%, #ff744b 50%, #ff5224 100%);
}

.fade-in {
        animation: fadeIn 0.8s ease-out forwards;
        opacity: 0;
}

@keyframes fadeIn {
        to {
                opacity: 1;
        }
}

.slide-up {
        animation: slideUp 0.8s ease-out forwards;
        opacity: 0;
        transform: translateY(30px);
}

@keyframes slideUp {
        to {
                opacity: 1;
                transform: translateY(0);
        }
}

.service-card:hover .service-icon {
        transform: scale(1.1) rotate(-5deg);
}

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