/* CSS: index.php — Dark Modern Theme */

/* Animations */
@keyframes pulseSoft {
    0%, 100% { opacity: 0.5; transform: scale(1); }
    50% { opacity: 0.8; transform: scale(1.05); }
}

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

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

/* Fade-up on scroll */
.anim-fade-up {
    opacity: 0;
    transform: translateY(25px);
    transition: opacity 0.7s ease-out, transform 0.7s ease-out;
}
.anim-fade-up.revealed,
.anim-fade-up:first-child {
    opacity: 1;
    transform: translateY(0);
}

/* Feature cards reveal */
.feature-card {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out, background-color 0.3s, border-color 0.3s;
}
.feature-card.revealed {
    opacity: 1;
    transform: translateY(0);
}
.feature-card:nth-child(2) { transition-delay: 0.08s; }
.feature-card:nth-child(3) { transition-delay: 0.16s; }
.feature-card:nth-child(4) { transition-delay: 0.24s; }
.feature-card:nth-child(5) { transition-delay: 0.32s; }
.feature-card:nth-child(6) { transition-delay: 0.40s; }

/* FAQ details animation */
details {
    opacity: 0;
    transform: translateY(15px);
    transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}
details.revealed {
    opacity: 1;
    transform: translateY(0);
}
details summary::-webkit-details-marker { display: none; }
details summary { list-style: none; }

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Selection */
::selection { background: #ea1d2c; color: #fff; }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #334155; }