.payout-visualizer{width:100%}.payout-visualizer input[type=number]:focus,.payout-visualizer select:focus{box-shadow:0 0 0 3px rgba(59,130,246,.5);outline:none}.payout-visualizer button{transition:all .2s}.payout-visualizer button:active{transform:scale(.95)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payout-visualizer #results>*{animation:fadeInUp .4s ease-out}@keyframes progressFill{0%{width:0}}.payout-visualizer .bg-gradient-to-r{animation:progressFill 1s ease-out}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.payout-visualizer .text-2xl,.payout-visualizer .text-3xl,.payout-visualizer .text-4xl{animation:countUp .5s ease-out}.payout-visualizer #results .bg-white:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:box-shadow .2s ease-out}.payout-visualizer svg circle:hover{transform:scale(1.25);transition:transform .2s ease-out}.payout-visualizer .payment-frequency-btn{white-space:nowrap}.dark .payout-visualizer svg text{fill:#9ca3af}.dark .payout-visualizer svg line{stroke:#4b5563}@media (max-width:768px){.payout-visualizer .text-3xl{font-size:1.5rem;line-height:2rem}.payout-visualizer .text-4xl{font-size:1.875rem;line-height:2.25rem}}