/* Smooth fade for output numbers */
.value-update {
    animation: pulse-soft 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes pulse-soft {
    0% { transform: scale(0.95); opacity: 0.5; color: #14b8a6; }
    50% { transform: scale(1.05); color: #14b8a6; }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes bounce-slow {
    0%, 100% { transform: translateY(-3%); }
    50% { transform: translateY(3%); }
}

.animate-bounce-slow {
    animation: bounce-slow 3.5s infinite ease-in-out;
}

/* Range Slider Customization */
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: #0d9488;
    cursor: pointer;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.2);
    border: 3px solid #fff;
    transition: all 0.2s;
}

input[type=range]::-webkit-slider-thumb:hover, 
input[type=range]::-webkit-slider-thumb:active {
    transform: scale(1.15);
    background: #14b8a6;
}

/* Chrome autofill background removal */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f8fafc; 
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8; 
}

/* Print Styles */
@media print {
    body { background: white; }
    .input-group, button, #blur-overlay, .faq-btn, footer, nav, .grid.md\:grid-cols-2 { display: none !important; }
    #results-content { opacity: 1 !important; box-shadow: none; }
    .bg-gradient-to-br { background: white !important; color: black !important; border: 1px solid #ccc; }
    .text-white { color: black !important; }
    .text-fintech-400, .text-fintech-100 { color: #333 !important; }
}