/* ============ ANIMATIONS ============ */
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes slideUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes pulse { 0%,100%{transform:scale(1);opacity:0.8} 50%{transform:scale(1.1);opacity:1} }

/* Screen transitions */
.screen-enter { animation: screenIn 0.3s ease; }
@keyframes screenIn { from { opacity: 0; transform: translateX(16px); } to { opacity: 1; transform: translateX(0); } }