/* Tambahan styling untuk animasi dan responsivitas */
input:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
}
button {
    transition: transform 0.2s ease-in-out;
}
button:hover {
    transform: translateY(-2px);
}
@media (max-width: 640px) {
    .container {
        padding: 1rem;
    }
}