.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);display:flex;align-items:center;justify-content:center;z-index:13000!important;overflow:hidden}.loading-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.particles{position:relative;width:100%;height:100%}.particle{position:absolute;width:4px;height:4px;background:rgba(255,255,255,.6);border-radius:50%;animation:float var(--duration) ease-in-out infinite;animation-delay:var(--delay);left:var(--x);top:var(--y);opacity:0}@keyframes float{0%{transform:translateY(0) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) scale(1);opacity:0}}.loading-content{position:relative;z-index:10;text-align:center;color:white;justify-content:center}.loading-content,.loading-title{display:flex;flex-direction:column;align-items:center}.loading-title{margin-bottom:2.2rem;gap:.6rem}.title-main{font-size:2.3rem;font-weight:700;font-family:Orbitron,monospace;color:#fff;text-align:center;letter-spacing:.12em;line-height:1.1;margin-bottom:.2em;text-shadow:0 0 16px #00d4ff44,0 2px 8px #000a}.title-sub{font-size:1.1rem;font-weight:400;letter-spacing:.08em;text-align:center;line-height:1.3;margin-top:.1em;text-shadow:0 0 8px #00d4ff22;background:linear-gradient(90deg,#ff6b6b,#ffd93d,#6c5ce7,#00cec9,#ff6b6b);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;animation:rainbow-move 3s linear infinite}.loading-animation{margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center}.progress-text{font-size:1rem;font-weight:300;letter-spacing:1px;margin-top:.5em;text-align:center;background:linear-gradient(90deg,#ff6b6b,#ffd93d,#6c5ce7,#00cec9,#ff6b6b);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;animation:rainbow-move 3s linear infinite}.loading-screen.fade-out{opacity:0;transition:opacity .5s ease-out}@media (max-width:768px){.loading-title{margin-bottom:1.2rem}.title-main{font-size:1.3rem}.title-sub{font-size:.8rem}.progress-text{font-size:.85rem}}.loading-progress-bar{width:200px;height:20px;border-radius:5px;overflow:hidden;background:#222;transform:skewX(-20deg)}.loading-progress-fill{height:100%;width:60%;background:linear-gradient(90deg,#ff6b6b,#ffd93d,#6c5ce7,#00cec9,#ff6b6b);background-size:200% 100%;animation:rainbow-move 3s linear infinite;-webkit-clip-path:inherit;clip-path:inherit}@keyframes rainbow-move{0%{background-position:0 50%}to{background-position:200% 50%}}