@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #0A192F;
    color: white;
}

::selection {
    background-color: #FFC82C;
    color: #0A192F;
}

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

.animate-fade-in {
    animation: fadeIn 0.6s ease-out forwards;
}

/* Utility classes for buttons to match React version */
.btn-base { display: inline-flex; align-items: center; justify-content: center; padding: 0.75rem 1.5rem; font-weight: 600; border-radius: 9999px; transition: all 0.3s; cursor: pointer; }
.btn-primary { background-color: #FFC82C; color: #0A192F; }
.btn-primary:hover { background-color: #FFE066; transform: scale(1.05); }
.btn-secondary { background-color: transparent; border: 1px solid #FFC82C; color: #FFC82C; }
.btn-secondary:hover { background-color: #FFC82C; color: #0A192F; }
.btn-dark { background-color: #13223A; color: white; border: 1px solid #1E3354; }
.btn-dark:hover { background-color: #1E3354; }

.faq-content { transition: all 0.3s ease-in-out; }