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

@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.05); }
}

.fade-in {
animation: fadeIn 0.6s ease-out forwards;
}

.hover-brightness:hover {
filter: brightness(1.1);
}

.btn-scale:hover {
transform: scale(1.05);
}

.btn-scale:active {
transform: scale(0.98);
}

.pulse-urgent {
animation: pulse 2s infinite;
}