/* Custom Font (Opsional tapi disarankan agar lebih modern) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap');

body {
    font-family: 'Inter', sans-serif;
    /* Background halus agar tidak flat putih polos */
    background: radial-gradient(circle at top left, #f8fafc, #f1f5f9);
}

/* Animasi halus saat QR Code muncul */
#qr-code-container img, 
#qr-code-container canvas {
    animation: fadeIn 0.4s ease-out;
    margin: 0 auto;
    border-radius: 8px;
}

@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

/* Efek fokus pada input agar lebih 'pop' */
#qr-input:focus {
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05);
}

/* Styling tambahan untuk QR container agar terlihat bersih */
#qr-code-container {
    transition: all 0.3s ease;
    background-color: #ffffff;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}