@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-reverse{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:rgba(0,0,0,.7);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.loading-spinner{position:relative;width:60px;height:60px}.loading-spinner .circle{position:absolute;border-radius:50%;border:4px solid transparent}.loading-spinner .circle-outer{width:100%;height:100%;border-top-color:var(--gradient-cyan-from);animation:spin 1.5s linear infinite}.loading-spinner .circle-middle{width:80%;height:80%;top:10%;left:10%;border-bottom-color:var(--gradient-cyan-to);animation:spin-reverse 1.2s linear infinite}.loading-spinner .circle-inner{width:40%;height:40%;top:30%;left:30%;background:linear-gradient(135deg,var(--gradient-cyan-from),var(--gradient-cyan-to));animation:pulse 1.5s ease-in-out infinite}.page-transition-enter{opacity:0}.page-transition-enter-active{opacity:1;transition:opacity .3s}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:opacity .3s}.small-loading-spinner{width:30px;height:30px;margin:0 auto}@media (max-width:640px){.loading-spinner{width:50px;height:50px}}@media (prefers-reduced-motion:reduce){.loading-spinner .circle-inner,.loading-spinner .circle-middle,.loading-spinner .circle-outer{animation:none}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(6,182,212,.3)}50%{box-shadow:0 0 40px rgba(6,182,212,.6)}}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-float{animation:float 4s ease-in-out infinite}.animate-glow{animation:glow 3s ease-in-out infinite}