/*
 * ==========================================
 * File CSS: Tentang Kami
 * ------------------------------------------
 * File ini mengatur gaya (styling) khusus untuk halaman Tentang Kami.
 * Pastikan untuk menjaga hierarki spesifisitas agar tidak bentrok dengan layout utama.
 * ==========================================
 */



.animate-fade-up { animation: fadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
@keyframes fadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.z-index-1 { z-index: 1; }

.hover-card {
    transition: all 0.3s ease;
}
.hover-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(25, 174, 221, 0.15) !important;
}

.mission-card {
    transition: all 0.3s ease;
    border: 1px solid transparent !important;
}
.mission-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.08) !important;
    border-color: rgba(25, 174, 221, 0.3) !important;
}
.mission-card:hover .badge {
    background-color: var(--accent-color) !important;
    transform: scale(1.1);
    transition: all 0.3s ease;
}