@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

/* Smooth gradient animation */
@keyframes gradient-shift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.bg-gradient-to-br {
    background-size: 200% 200%;
}

/* Custom focus styles for accessibility */
button:focus-visible {
    outline: 3px solid white;
    outline-offset: 4px;
    box-shadow: 0 0 0 6px rgba(59, 130, 246, 0.3);
}

/* Pulse animation for attention */
@keyframes gentle-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.02); }
}

btn:hover {
    animation: gentle-pulse 2s infinite;
}

/* Mobile optimizations */
@media (max-width: 768px) {
    button {
        min-height: 160px !important;
    }
}