body { font-family: 'Poppins', sans-serif; }

/* Animasi transisi */
@keyframes slideUpFade {
    0% { opacity: 0; transform: translateY(16px); }
    100% { opacity: 1; transform: translateY(0); }
}
.animate-slide-up {
    animation: slideUpFade 0.5s ease-out forwards;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}
.animate-spin-custom {
    animation: spin 1s linear infinite;
}
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}
.animate-float {
    animation: float 3s ease-in-out infinite;
}

/* Menyembunyikan Scrollbar pada Popup agar tetap rapi */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Perbaikan Mode Cetak (Print) 1 Halaman */
@media print {
    @page { size: A4 portrait; margin: 1cm; }
    body { -webkit-print-color-adjust: exact; print-color-adjust: exact; background: #fff !important; }
    
    /* Sembunyikan elemen lain secara total untuk mode cetak */
    header, main, footer, .fixed, a[href^="https://wa.me"] { display: none !important; }
    
    #result-modal { 
        position: absolute !important; 
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        display: block !important; 
        opacity: 1 !important; 
        padding: 0 !important;
    }
    #modal-content { 
        max-width: 100% !important; 
        max-height: none !important;
        box-shadow: none !important;
        border: none !important;
        transform: none !important;
        overflow: hidden !important;
    }
    /* Hilangkan tinggi berlebih penyebab halaman 2 ter-print */
    html, body {
        height: 100% !important;
        overflow: hidden !important;
    }
}