/* Page transition */
.page-enter{opacity:0;animation:pageFadeIn .8s cubic-bezier(.16,1,.3,1) forwards}
@keyframes pageFadeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}

/* Custom scrollbar */
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#132141}
::-webkit-scrollbar-thumb{background:#f2a222;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#e0931d}

/* Text selection */
::selection{background-color:#f2a222;color:#fff}
::-moz-selection{background-color:#f2a222;color:#fff}

/* Floating animations */
@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}
@keyframes float-slow{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(-2deg)}}
@keyframes pulse-slow{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}
.animate-float{animation:float 6s ease-in-out infinite}
.animate-float-slow{animation:float-slow 8s ease-in-out infinite}
.animate-pulse-slow{animation:pulse-slow 10s ease-in-out infinite}

/* Cursor glow */
.cursor-glow{width:400px;height:400px;background:radial-gradient(circle,rgba(242,162,34,.08) 0%,rgba(242,162,34,0) 70%);position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:opacity .3s ease;opacity:0}
body:hover .cursor-glow{opacity:1}

/* Magnetic / Lottie */
.magnetic-wrap{display:inline-block;transition:transform .3s cubic-bezier(.23,1,.32,1)}
dotlottie-player{display:block !important;margin:0 auto}
.lottie-card:hover dotlottie-player{transform:scale(1.1);transition:transform .5s ease}