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) 
   ======================================================== */
@media print {
    @page { 
        size: A4 portrait; 
        /* Margin 0 adalah KUNCI untuk menghilangkan URL, Tanggal & Nomor Halaman bawaan browser */
        margin: 0mm; 
    }
    
    body, html { 
        background: #fff !important; 
        height: auto !important;
        min-height: auto !important;
        display: block !important; 
        overflow: visible !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    body { 
        -webkit-print-color-adjust: exact; 
        print-color-adjust: exact; 
        /* Karena margin kertas di-set 0, kita beri padding pada body sebagai ganti margin kertas */
        padding: 1.5cm 2cm !important; 
    }
    
    /* Sembunyikan elemen latar belakang secara total untuk mode cetak */
    header, main, footer, a[href^="https://wa.me"] { 
        display: none !important; 
    }
    
    #result-modal { 
        /* Tarik posisi absolut ke atas untuk mencegahnya rata tengah (vertically centered) */
        position: absolute !important; 
        top: 0 !important;
        left: 0 !important;
        display: block !important; 
        opacity: 1 !important; 
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }
    
    #modal-content { 
        max-width: 100% !important; 
        max-height: none !important;
        box-shadow: none !important;
        border: none !important;
        transform: none !important;
        overflow: visible !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Memastikan bayangan atau efek rounded dihapus saat print agar lebih formal */
    #result-found {
        box-shadow: none !important;
        border-radius: 0 !important;
        border: none !important;
    }
}