body {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
.reveal.active { opacity: 1; transform: translateY(0); }

.reveal-up { opacity: 0; transform: translateY(40px); transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1); }
.reveal-up.active { opacity: 1; transform: translateY(0); }

.reveal-left { opacity: 0; transform: translateX(-40px); transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1); }
.reveal-left.active { opacity: 1; transform: translateX(0); }

.spotlight-card {
    position: relative;
    --x: 0px;
    --y: 0px;
}

.tilt-card {
    transform-style: preserve-3d;
    will-change: transform;transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.cursor-particle {
    position: fixed;
    pointer-events: none;
    z-index: 9999;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    will-change: transform, opacity;
    transition: transform 0.6s ease-out, opacity 0.6s ease-out;
}
@keyframes float-slow-1 {
    0% { transform: translate(0px, 0px) scale(1); }
    50% { transform: translate(40px, -60px) scale(1.1); }
    100% { transform: translate(0px, 0px) scale(1); }
}

@keyframes float-slow-2 {
    0% { transform: translate(0px, 0px) scale(1.1); }
    50% { transform: translate(-50px, 40px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1.1); }
}

.animate-orb-1 {
    animation: float-slow-1 15s infinite ease-in-out;
}

.animate-orb-2 {
    animation: float-slow-2 18s infinite ease-in-out;
}