/* Custom styles that can't be achieved with Tailwind */
:root {
    --color-primary: #4F46E5;
    --color-secondary: #10B981;
}

/* Smooth scrolling for anchor links */
html {
    scroll-behavior: smooth;
}

/* Custom button animations */
.btn-primary {
    transition: all 0.3s ease;
    transform: translateY(0);
}

.btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Custom form styles */
.input-field {
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.input-field:focus {
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.2);
}

/* Animation for feature cards */
.feature-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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