@layer base {
    :root {
        --color-fbd38d: #ffffff;
        --color-gold-lighter: #fefcbf;
        --color-gold-darker-hover: #e6b94c;
    }
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #1a1a1a;
    color: #ffffff;
    line-height: 1.6;
}

.section-title {
    position: relative;
    display: inline-block;
    margin-bottom: 2.5rem;
    font-weight: 800;
    color: var(--color-fbd38d);
}

/* Animations */
@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-30px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-down { animation: fadeInDown 1.2s ease-out forwards; }
.animate-fade-in-up { animation: fadeInUp 1.2s ease-out forwards; animation-delay: 0.3s; }
.animate-delay-06s { animation-delay: 0.6s; }

/* Scrollbar */
#gallery-slider::-webkit-scrollbar { height: 8px; }
#gallery-slider::-webkit-scrollbar-track { background: #2d3748; border-radius: 4px; }
#gallery-slider::-webkit-scrollbar-thumb { background: #ffffff; border-radius: 4px; }
#gallery-slider::-webkit-scrollbar-thumb:hover { background: #e6b94c; }

/* Floating Buttons */
.floating {
    position: fixed; right: 16px; bottom: 16px; display: flex; flex-direction: column; gap: .6rem; z-index: 70
}
.fab-whatsapp { background: linear-gradient(135deg, #25D366, #1ebe5d); color: white; }
.fab-phone { background: linear-gradient(135deg, #38BDF8, #1D4ED8); color: white; }
.fab {
    width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center;
    box-shadow: 0 12px 30px rgba(56, 189, 248, .35); transition: transform 0.3s ease;
}
.fab:hover { transform: scale(1.1); }
html { scroll-behavior: smooth; }

/* FAQ Accordion Styles */
.faq-item { border-bottom: 1px solid #374151; }
.faq-item:last-child { border-bottom: none; }
.faq-question { cursor: pointer; }
.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; }
.faq-toggle { transition: transform 0.3s ease; }
.faq-active .faq-toggle { transform: rotate(180deg); }
.faq-active .faq-answer { max-height: 200px; }