@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import "tailwindcss";

@layer base {
    html {
        background-color: #f2f4f7;
        -webkit-font-smoothing: antialiased;
        font-family: "Inter", sans-serif;
        @apply text-base;
    }
}

@keyframes gradient-shift {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.btn-animated-gradient {
    background: linear-gradient(135deg, #4c1d95, #6d28d9, #0466c8, #023e7d, #4c1d95);
    background-size: 300% 300%;
    animation: gradient-shift 6s ease infinite;
}