/* Custom styles for Modern Luxury aesthetic */

@layer utilities {
    .check-target {
        @apply border-2 transition-all duration-300;
    }
    
    input[type="radio"]:checked + .check-target {
        @apply border-[#667eea] bg-indigo-50;
    }

    input[type="radio"]:checked + .check-target .inner-circle {
        @apply border-[#667eea] bg-[#667eea];
        box-shadow: inset 0 0 0 4px white;
    }
}

.faq-item.active .faq-content {
    @apply block;
}

.faq-item.active .faq-icon {
    @apply rotate-45;
    transition: transform 0.3s ease;
}

/* Smooth transitions for hover effects */
button, a {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}