// Force override autofill styling
document.addEventListener('DOMContentLoaded', function() {
    const inputs = document.querySelectorAll('.form-input');
    
    inputs.forEach(input => {
        // Remove autofill styling on load
        setTimeout(() => {
            input.style.background = 'linear-gradient(135deg, rgba(173, 216, 230, 0.3) 0%, rgba(135, 206, 235, 0.2) 100%)';
            input.style.color = 'white';
            input.style.webkitTextFillColor = 'white';
        }, 100);
        
        // Monitor for autofill changes
        input.addEventListener('input', function() {
            setTimeout(() => {
                this.style.background = 'linear-gradient(135deg, rgba(173, 216, 230, 0.3) 0%, rgba(135, 206, 235, 0.2) 100%)';
                this.style.color = 'white';
                this.style.webkitTextFillColor = 'white';
            }, 10);
        });
        
        // Handle focus events
        input.addEventListener('focus', function() {
            this.style.background = 'linear-gradient(135deg, rgba(173, 216, 230, 0.4) 0%, rgba(135, 206, 235, 0.3) 100%)';
            this.style.color = 'white';
            this.style.webkitTextFillColor = 'white';
        });
        
        input.addEventListener('blur', function() {
            this.style.background = 'linear-gradient(135deg, rgba(173, 216, 230, 0.3) 0%, rgba(135, 206, 235, 0.2) 100%)';
            this.style.color = 'white';
            this.style.webkitTextFillColor = 'white';
        });
    });
    
    // Additional check every 500ms to ensure styling is maintained
    setInterval(() => {
        inputs.forEach(input => {
            if (input.matches(':-webkit-autofill')) {
                input.style.background = 'linear-gradient(135deg, rgba(173, 216, 230, 0.3) 0%, rgba(135, 206, 235, 0.2) 100%)';
                input.style.color = 'white';
                input.style.webkitTextFillColor = 'white';
            }
        });
    }, 500);
});