@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes fadeRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes floatBlob{0%,100%{transform:translateY(0)}50%{transform:translateY(-40px)}}
@keyframes blink{50%{border-color:transparent}}

.fade-up{opacity:0;animation:fadeUp .9s ease forwards}
.fade-right{opacity:0;animation:fadeRight 1s ease forwards .3s}
.typing{border-right:2px solid var(--accent);padding-right:4px;animation:blink 1s step-end infinite}

@media(prefers-reduced-motion:reduce){
    *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
    .fade-up,.fade-right,.reveal{opacity:1!important;transform:none!important}
}