/* Custom Styles for BidsWINs Coming Soon */

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-up {
    opacity: 0;
    animation: fadeInUp 0.8s ease-out forwards;
}

.delay-100 {
    animation-delay: 100ms;
}

.delay-200 {
    animation-delay: 200ms;
}

.animate-pulse-slow {
    animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Base custom styles that complement Tailwind */
body {
    background-image: 
        radial-gradient(circle at 15% 50%, rgba(0, 154, 77, 0.03), transparent 25%),
        radial-gradient(circle at 85% 30%, rgba(0, 154, 77, 0.03), transparent 25%);
}

/* Input autofill fix for Tailwind */
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;
    -webkit-text-fill-color: #334155 !important;
    transition: background-color 5000s ease-in-out 0s;
}