tailwind.config = {
theme: {
extend: {
colors: {
primary: ‘#0066B2’,
secondary: ‘#FFCC00’,
accent: ‘#0099FF’,
dark: ‘#1A237E’,
‘dark-light’: ‘#4A55A2’,
light: ‘#F0F4F8’,
‘light-dark’: ‘#BCCCDC’
},
fontFamily: {
inter: [‘Inter’, ‘sans-serif’],
},
},
}
}

@layer utilities {
.content-auto {
content-visibility: auto;
}
.text-shadow {
text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.bg-gradient-blue {
background: linear-gradient(135deg, #0066B2 0%, #0099FF 100%);
}
.transition-custom {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.hover-scale {
transition: transform 0.3s ease;
}
.hover-scale:hover {
transform: scale(1.03);
}
.card-shadow {
box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.1);
}
.nav-shadow {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
}

// FAQ accordion
const faqToggles = document.querySelectorAll(‘.faq-toggle’);

faqToggles.forEach(toggle => {
toggle.addEventListener(‘click’, () => {
const content = toggle.nextElementSibling;
const icon = toggle.querySelector(‘i’);

content.classList.toggle(‘hidden’);
icon.classList.toggle(‘rotate-180’);

faqToggles.forEach(otherToggle => {
if (otherToggle !== toggle) {
const otherContent = otherToggle.nextElementSibling;
const otherIcon = otherToggle.querySelector(‘i’);

if (!otherContent.classList.contains(‘hidden’)) {
otherContent.classList.add(‘hidden’);
otherIcon.classList.remove(‘rotate-180’);
}
}
});
});
});