/* styles.css */
/* Additional custom styles beyond Tailwind CDN */
@layer base {
    body {
        font-feature-settings: "ss01";
    }
}

.card-hover {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-hover:hover {
    box-shadow: 25px 25px 0 -10px rgb(16 185 129);
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Smooth number animation helper (used via JS) */
@keyframes countUp {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}