/* Member Points Checker App - Custom Styles */

/* Input focus animation */
input:focus {
    transform: scale(1.02);
    transition: transform 0.2s ease;
}

/* Button hover effect */
button:hover {
    transform: translateY(-2px);
    transition: all 0.2s ease;
}

/* Card hover effect */
.hover\:shadow-lg:hover {
    transform: translateY(-4px);
}

/* Points number animation */
@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

.text-5xl.font-bold {
    animation: pulse 2s ease-in-out infinite;
}

/* Reward item image hover */
.grid img:hover {
    transform: scale(1.05);
    transition: transform 0.2s ease;
}