/* Custom styles for SynthOps Landing Page */

/* Additional custom styles if needed beyond Tailwind CSS */
.modal-backdrop {
    backdrop-filter: blur(4px);
}

/* Smooth transitions for modal */
.modal-content {
    transition: all 0.3s ease;
}

/* Custom focus states */
.form-input:focus {
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Button hover effects */
.btn-hover {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

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