#app-loader{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:#ffffff;overflow:hidden;transition:opacity 1.2s cubic-bezier(0.4,0,0.2,1),transform 1.2s cubic-bezier(0.4,0,0.2,1)}html.app-loader-dark #app-loader{background:#0a0e1a}html.app-loader-dark .loader-gradient{background:radial-gradient(ellipse at 50% 45%,transparent 0%,rgba(10,14,26,0.3) 60%,rgba(5,8,15,0.7) 100%)}#app-loader.fade-out{opacity:0;transform:scale(1.06);pointer-events:none}#app-loader.fade-out .loader-content{transform:translateY(-40px);opacity:0}#app-loader.fade-out .loader-ring{transform:scale(1.6);opacity:0}#app-loader.fade-out .loader-bg{opacity:0}.loader-bg{position:absolute;inset:0;transition:opacity 1s ease}.loader-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:0;animation:orb-fade-in 1.8s ease forwards}.loader-orb--1{width:550px;height:550px;top:25%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(0,105,192,0.1) 0%,transparent 70%);animation:orb-fade-in 1.8s ease forwards,orb-drift-1 10s ease-in-out 1.8s infinite}.loader-orb--2{width:400px;height:400px;top:65%;left:25%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(33,150,243,0.08) 0%,transparent 70%);animation:orb-fade-in 1.8s ease 0.3s forwards,orb-drift-2 12s ease-in-out 2.1s infinite}.loader-orb--3{width:350px;height:350px;top:30%;left:75%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(100,180,255,0.07) 0%,transparent 70%);animation:orb-fade-in 1.8s ease 0.5s forwards,orb-drift-3 11s ease-in-out 2.3s infinite}@keyframes orb-fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(0.5)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes orb-drift-1{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-48%,-53%) scale(1.06)}}@keyframes orb-drift-2{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-53%,-47%) scale(1.04)}}@keyframes orb-drift-3{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-47%,-52%) scale(1.08)}}.loader-noise{position:absolute;inset:0;opacity:0.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px}.loader-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 0%,rgba(248,250,252,0.3) 60%,rgba(241,245,249,0.7) 100%)}.loader-health-icons{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.health-icon{position:absolute;color:rgba(0,105,192,0.14);opacity:0}.hi-1{width:56px;height:56px;top:10%;left:6%;color:rgba(0,59,115,0.16);animation:health-appear 1s ease 0.2s forwards,hi-drift-1 8s ease-in-out 1.2s infinite}.hi-2{width:52px;height:52px;top:6%;right:8%;color:rgba(33,150,243,0.15);animation:health-appear 1s ease 0.5s forwards,hi-drift-2 10s ease-in-out 1.5s infinite}.hi-3{width:48px;height:48px;top:48%;left:4%;color:rgba(0,105,192,0.14);animation:health-appear 1s ease 0.8s forwards,hi-drift-3 9s ease-in-out 1.8s infinite}.hi-4{width:44px;height:44px;bottom:16%;right:6%;color:rgba(0,59,115,0.15);animation:health-appear 1s ease 0.4s forwards,hi-drift-4 11s ease-in-out 1.4s infinite}.hi-5{width:50px;height:50px;bottom:10%;left:10%;color:rgba(33,150,243,0.14);animation:health-appear 1s ease 0.7s forwards,hi-drift-5 9.5s ease-in-out 1.7s infinite}.hi-6{width:46px;height:46px;top:38%;right:5%;color:rgba(0,105,192,0.15);animation:health-appear 1s ease 0.3s forwards,hi-drift-6 10.5s ease-in-out 1.3s infinite}.hi-7{width:40px;height:40px;top:18%;left:24%;color:rgba(0,59,115,0.13);animation:health-appear 1s ease 1s forwards,hi-drift-7 8.5s ease-in-out 2s infinite}.hi-8{width:42px;height:42px;bottom:20%;right:22%;color:rgba(33,150,243,0.14);animation:health-appear 1s ease 0.6s forwards,hi-drift-8 9s ease-in-out 1.6s infinite}.hi-9{width:44px;height:44px;top:65%;left:18%;color:rgba(0,59,115,0.13);animation:health-appear 1s ease 0.9s forwards,hi-drift-9 11s ease-in-out 1.9s infinite}.hi-10{width:50px;height:50px;top:15%;right:28%;color:rgba(0,105,192,0.12);animation:health-appear 1s ease 1.1s forwards,hi-spin 14s linear 2.1s infinite}.hi-11{width:38px;height:38px;bottom:30%;left:30%;color:rgba(33,150,243,0.12);animation:health-appear 1s ease 1.3s forwards,hi-drift-11 10s ease-in-out 2.3s infinite}.hi-12{width:42px;height:42px;top:60%;right:15%;color:rgba(0,59,115,0.13);animation:health-appear 1s ease 0.5s forwards,hi-drift-12 9.5s ease-in-out 1.5s infinite}@keyframes health-appear{0%{opacity:0}100%{opacity:1}}@keyframes hi-drift-1{0%,100%{transform:translate(0,0) rotate(0deg) scale(1)}25%{transform:translate(15px,-20px) rotate(8deg) scale(1.05)}50%{transform:translate(-10px,-30px) rotate(-5deg) scale(0.95)}75%{transform:translate(20px,-10px) rotate(6deg) scale(1.03)}}@keyframes hi-drift-2{0%,100%{transform:translate(0,0) rotate(0deg) scale(1)}25%{transform:translate(-20px,15px) rotate(-6deg) scale(1.08)}50%{transform:translate(10px,-20px) rotate(4deg) scale(0.92)}75%{transform:translate(-15px,-5px) rotate(-8deg) scale(1.04)}}@keyframes hi-drift-3{0%,100%{transform:translate(0,0) rotate(0deg) scale(1)}25%{transform:translate(20px,10px) rotate(10deg) scale(1.06)}50%{transform:translate(5px,-25px) rotate(-6deg) scale(0.94)}75%{transform:translate(-15px,15px) rotate(4deg) scale(1.02)}}@keyframes hi-drift-4{0%,100%{transform:translate(0,0) rotate(35deg) scale(1)}25%{transform:translate(-18px,-15px) rotate(45deg) scale(1.07)}50%{transform:translate(12px,-28px) rotate(25deg) scale(0.93)}75%{transform:translate(-8px,10px) rotate(40deg) scale(1.04)}}@keyframes hi-drift-5{0%,100%{transform:translate(0,0) rotate(0deg) scale(1)}20%{transform:translate(18px,-12px) rotate(5deg) scale(1.1)}40%{transform:translate(-8px,-28px) rotate(-8deg) scale(0.9)}60%{transform:translate(22px,-18px) rotate(6deg) scale(1.05)}80%{transform:translate(-5px,-8px) rotate(-3deg) scale(0.98)}}@keyframes hi-drift-6{0%,100%{transform:translate(0,0) rotate(0deg) scale(1)}33%{transform:translate(-16px,-22px) rotate(-7deg) scale(1.06)}66%{transform:translate(14px,8px) rotate(5deg) scale(0.95)}}@keyframes hi-drift-7{0%,100%{transform:translate(0,0) rotate(0deg) scale(1)}25%{transform:translate(12px,18px) rotate(12deg) scale(1.08)}50%{transform:translate(-18px,-12px) rotate(-6deg) scale(0.9)}75%{transform:translate(8px,-20px) rotate(8deg) scale(1.04)}}@keyframes hi-drift-8{0%,100%{transform:translate(0,0) rotate(0deg) scale(1)}30%{transform:translate(-14px,-24px) rotate(-10deg) scale(1.1)}60%{transform:translate(18px,-8px) rotate(7deg) scale(0.92)}}@keyframes hi-drift-9{0%,100%{transform:translate(0,0) rotate(0deg) scale(1)}25%{transform:translate(-20px,14px) rotate(-8deg) scale(1.05)}50%{transform:translate(10px,-18px) rotate(10deg) scale(0.96)}75%{transform:translate(16px,6px) rotate(-4deg) scale(1.08)}}@keyframes hi-spin{0%{transform:rotate(0deg) scale(1)}25%{transform:rotate(90deg) scale(1.06)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.04)}100%{transform:rotate(360deg) scale(1)}}@keyframes hi-drift-11{0%,100%{transform:translate(0,0) rotate(0deg) scale(1)}25%{transform:translate(16px,-10px) rotate(6deg) scale(1.07)}50%{transform:translate(-12px,16px) rotate(-8deg) scale(0.93)}75%{transform:translate(8px,22px) rotate(4deg) scale(1.02)}}@keyframes hi-drift-12{0%,100%{transform:translate(0,0) rotate(0deg) scale(1)}33%{transform:translate(-22px,-16px) rotate(12deg) scale(1.08)}66%{transform:translate(16px,-24px) rotate(-5deg) scale(0.94)}}.loader-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}.loader-particles span{position:absolute;display:block;border-radius:50%;background:rgba(0,105,192,0.22);box-shadow:0 0 8px rgba(0,105,192,0.15);animation:particle-rise linear infinite;opacity:0}.loader-particles span:nth-child(1){width:5px;height:5px;left:6%;bottom:-10px;animation-duration:8s;animation-delay:0s}.loader-particles span:nth-child(2){width:8px;height:8px;left:16%;bottom:-10px;animation-duration:10s;animation-delay:0.6s;background:rgba(33,150,243,0.2)}.loader-particles span:nth-child(3){width:4px;height:4px;left:28%;bottom:-10px;animation-duration:7s;animation-delay:1.2s}.loader-particles span:nth-child(4){width:7px;height:7px;left:40%;bottom:-10px;animation-duration:9s;animation-delay:0.3s;background:rgba(0,59,115,0.18)}.loader-particles span:nth-child(5){width:5px;height:5px;left:53%;bottom:-10px;animation-duration:11s;animation-delay:1.8s}.loader-particles span:nth-child(6){width:10px;height:10px;left:64%;bottom:-10px;animation-duration:9s;animation-delay:0.5s;background:rgba(33,150,243,0.18)}.loader-particles span:nth-child(7){width:4px;height:4px;left:76%;bottom:-10px;animation-duration:8.5s;animation-delay:2.2s}.loader-particles span:nth-child(8){width:7px;height:7px;left:86%;bottom:-10px;animation-duration:7.5s;animation-delay:0.4s;background:rgba(0,105,192,0.2)}.loader-particles span:nth-child(9){width:6px;height:6px;left:94%;bottom:-10px;animation-duration:9s;animation-delay:1.5s}.loader-particles span:nth-child(10){width:8px;height:8px;left:47%;bottom:-10px;animation-duration:10.5s;animation-delay:0.8s;background:rgba(33,150,243,0.2)}.loader-particles span:nth-child(11){width:4px;height:4px;left:20%;bottom:-10px;animation-duration:8s;animation-delay:2.8s}.loader-particles span:nth-child(12){width:6px;height:6px;left:70%;bottom:-10px;animation-duration:9.5s;animation-delay:0.2s;background:rgba(0,59,115,0.16)}@keyframes particle-rise{0%{transform:translateY(0) translateX(0) scale(0);opacity:0}6%{opacity:0.8;transform:translateY(-6vh) translateX(4px) scale(1)}30%{opacity:0.7;transform:translateY(-30vh) translateX(-8px) scale(1)}60%{opacity:0.45;transform:translateY(-60vh) translateX(6px) scale(0.85)}85%{opacity:0.15;transform:translateY(-85vh) translateX(-4px) scale(0.5)}100%{transform:translateY(-105vh) translateX(2px) scale(0.2);opacity:0}}.loader-ring{position:absolute;width:260px;height:260px;opacity:0;transform:scale(0);animation:ring-enter 1.2s cubic-bezier(0.22,1,0.36,1) 0.4s forwards;transition:all 1s ease}.loader-ring-svg{width:100%;height:100%;animation:ring-rotate 5s linear 1.2s infinite;transform-origin:center}.ring-track{fill:none;stroke:rgba(0,59,115,0.06);stroke-width:0.8}.ring-progress{fill:none;stroke:url(#ring-gradient);stroke-width:1.8;stroke-linecap:round;stroke-dasharray:100 465;filter:drop-shadow(0 0 6px rgba(0,105,192,0.25))}@keyframes ring-enter{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes ring-rotate{to{transform:rotate(360deg)}}.loader-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:32px;transition:all 1s cubic-bezier(0.4,0,0.2,1)}.loader-logo-wrap{position:relative;display:flex;align-items:center;justify-content:center}.loader-logo{height:68px;width:auto;opacity:0;position:relative;z-index:1;animation:logo-enter 1.2s cubic-bezier(0.22,1,0.36,1) 0.3s forwards;filter:drop-shadow(0 4px 12px rgba(0,59,115,0.1))}.loader-logo-glow{position:absolute;width:240px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(0,105,192,0.1) 0%,rgba(33,150,243,0.04) 50%,transparent 70%);filter:blur(30px);animation:logo-glow-pulse 4s ease-in-out 1.3s infinite;opacity:0}@keyframes logo-enter{0%{opacity:0;transform:translateY(20px) scale(0.95)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes logo-glow-pulse{0%,100%{opacity:0.4;transform:scale(1)}50%{opacity:0.7;transform:scale(1.12)}}.loader-bottom{display:flex;flex-direction:column;align-items:center;gap:18px}.loader-progress-wrap{width:180px;height:2.5px;background:rgba(0,59,115,0.06);border-radius:10px;overflow:visible;opacity:0;animation:fade-slide-up 0.6s ease 0.7s forwards;position:relative}.loader-progress-bar{height:100%;width:0%;border-radius:10px;background:linear-gradient(90deg,#003b73,#0069c0,#2196f3,#64b5f6,#2196f3,#0069c0);background-size:600% 100%;animation:progress-fill 3s cubic-bezier(0.25,0.46,0.45,0.94) 0.9s forwards,bar-shimmer 3s linear infinite;box-shadow:0 0 8px rgba(0,105,192,0.25);position:relative}.loader-progress-glow{position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#64b5f6;box-shadow:0 0 8px rgba(33,150,243,0.7),0 0 18px rgba(33,150,243,0.3),0 0 3px rgba(255,255,255,0.9);opacity:0;animation:glow-appear 0.3s ease 1s forwards,glow-follow 3s cubic-bezier(0.25,0.46,0.45,0.94) 1s forwards}@keyframes glow-appear{to{opacity:1}}@keyframes glow-follow{0%{left:0%}8%{left:8%}25%{left:30%}45%{left:52%}60%{left:68%}75%{left:82%}90%{left:94%}100%{left:100%;opacity:0}}@keyframes progress-fill{0%{width:0%}8%{width:8%}25%{width:30%}45%{width:52%}60%{width:68%}75%{width:82%}90%{width:94%}100%{width:100%}}@keyframes bar-shimmer{0%{background-position:400% 0}100%{background-position:-400% 0}}.loader-label{font-family:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;font-size:10px;font-weight:500;color:#94a3b8;letter-spacing:5px;text-transform:uppercase;opacity:0;animation:fade-slide-up 0.5s ease 0.9s forwards}.loader-dots::after{content:"";display:inline-block;width:1.2em;text-align:left;animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@media (max-width:576px){.loader-logo{height:46px}.loader-progress-wrap{width:140px}.loader-content{gap:24px}.loader-label{font-size:9px;letter-spacing:3px}.loader-ring{width:190px;height:190px}.loader-orb--1{width:380px;height:380px}.loader-orb--2{width:280px;height:280px}.loader-orb--3{width:230px;height:230px}.health-icon{transform:scale(0.65)}.hi-7,.hi-8,.hi-10,.hi-11,.hi-12{display:none}}@media (prefers-reduced-motion:reduce){#app-loader,.loader-logo,.loader-progress-bar,.loader-ring,.loader-ring-svg,.loader-orb,.loader-progress-wrap,.loader-progress-glow,.loader-logo-glow,.loader-label,.health-icon,.loader-particles span{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.loader-logo,.loader-progress-wrap,.loader-label{opacity:1 !important;transform:none !important}.loader-ring{opacity:1 !important;transform:scale(1) !important}.loader-progress-bar{width:100% !important}.loader-orb{opacity:1 !important}.health-icon{opacity:0.8 !important;transform:none !important}}