body {
    cursor: url(./pointer_arrow.cur) auto;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
}
html, body {
    touch-action: manipulation;
}

/* Custom Animations */
@keyframes fadeUp {
    0% { opacity: 0; transform: translateY(30px); }
    100% { opacity: 1; transform: translateY(0); }
}

.animate-fade-up {
    opacity: 0;
    animation: fadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.delay-100 { animation-delay: 100ms; }
.delay-200 { animation-delay: 200ms; }
.delay-300 { animation-delay: 300ms; }