/* style.css */

/* Custom Patterns */
.pattern-dots {
    background-image: radial-gradient(#ffffff 2px, transparent 2px);
    background-size: 20px 20px;
}

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

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-slide-up {
    animation: slideUpFade 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Base styles for better typography */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Input glow effect */
input:focus {
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
}