/* Custom styles for CORP-NAME website */

/* Navigation scroll effect */
nav.scrolled {
    @apply bg-white/95 backdrop-blur-sm shadow-lg;
}

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

/* Custom button hover effects */
.btn-primary {
    @apply bg-blue-600 text-white font-medium rounded-lg shadow-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition duration-300;
}

.btn-secondary {
    @apply bg-white text-blue-600 font-medium rounded-lg shadow-md border border-blue-200 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition duration-300;
}

/* FAQ accordion styles */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.faq-answer.active {
    max-height: 500px;
    transition: max-height 0.6s ease-in;
}

/* Form input focus styles */
.form-input:focus {
    @apply ring-2 ring-blue-500 border-blue-500;
}

/* Card hover effects */
.card-hover {
    @apply transition-all duration-300 hover:shadow-lg hover:-translate-y-1;
}

/* Animation for fade-in elements */
.fade-in {
    animation: fadeIn 0.8s ease-in-out;
}

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

/* Responsive adjustments */
@media (max-width: 768px) {
    .hero-title {
        @apply text-3xl;
    }
    .section-title {
        @apply text-2xl;
    }
}