.cosmic-loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#1a1a2e 0%,#0a0a0f 70%);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:opacity 0.4s ease,visibility 0.4s ease}.cosmic-loader-overlay.hidden{opacity:0;visibility:hidden}.cosmic-loader{position:relative;width:200px;height:200px;margin-bottom:2rem}.loader-ring{position:absolute;border-radius:50%;border:2px solid transparent;animation:rotate 2s linear infinite}.ring-1{width:200px;height:200px;border-top:2px solid #e90052;border-right:2px solid #e90052;animation-duration:2s}.ring-2{width:160px;height:160px;top:20px;left:20px;border-left:2px solid #00d4ff;border-bottom:2px solid #00d4ff;animation-duration:1.5s;animation-direction:reverse}.ring-3{width:120px;height:120px;top:40px;left:40px;border-top:2px solid #ff6900;border-right:2px solid #ff6900;animation-duration:1s}.loader-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:radial-gradient(circle,#3f1c96 0%,#e90052 100%);border-radius:50%;animation:pulse-core 2s ease-in-out infinite;box-shadow:0 0 20px rgba(63,28,150,0.5),0 0 40px rgba(233,0,82,0.3),0 0 60px rgba(0,212,255,0.2)}.loader-core::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:#ffffff;border-radius:50%;animation:pulse-inner 1.5s ease-in-out infinite}.loader-particles{position:absolute;top:0;left:0;width:100%;height:100%}.particle{position:absolute;width:4px;height:4px;background:#00d4ff;border-radius:50%;animation:float-particle 3s ease-in-out infinite}.particle:nth-child(1){top:20%;left:10%;animation-delay:0s;background:#e90052}.particle:nth-child(2){top:80%;right:15%;animation-delay:0.5s;background:#ff6900}.particle:nth-child(3){bottom:30%;left:20%;animation-delay:1s;background:#00d4ff}.particle:nth-child(4){top:40%;right:10%;animation-delay:1.5s;background:#ffed00}.particle:nth-child(5){top:60%;left:80%;animation-delay:2s;background:#3f1c96}.particle:nth-child(6){bottom:20%;right:30%;animation-delay:2.5s;background:#04f5ff}.loader-text{font-family:'Orbitron',monospace;font-size:1.5rem;font-weight:700;background:linear-gradient(45deg,#e90052,#00d4ff,#ff6900,#3f1c96);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 2s ease-in-out infinite;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px}.loader-subtext{font-family:var(--font-primary);font-size:1rem;color:var(--text-secondary);opacity:0.8;animation:fade-pulse 2s ease-in-out infinite}.loader-progress{width:300px;height:3px;background:rgba(255,255,255,0.1);border-radius:2px;margin-top:2rem;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#e90052,#00d4ff,#ff6900);border-radius:2px;animation:progress-loading 3s ease-in-out infinite;transform:translateX(-100%)}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse-core{0%,100%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 20px rgba(63,28,150,0.5),0 0 40px rgba(233,0,82,0.3),0 0 60px rgba(0,212,255,0.2)}50%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 30px rgba(63,28,150,0.7),0 0 60px rgba(233,0,82,0.5),0 0 90px rgba(0,212,255,0.3)}}@keyframes pulse-inner{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(0.8);opacity:0.7}}@keyframes float-particle{0%,100%{transform:translateY(0px) scale(1);opacity:0.6}50%{transform:translateY(-20px) scale(1.2);opacity:1}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes fade-pulse{0%,100%{opacity:0.8}50%{opacity:0.4}}@keyframes progress-loading{0%{transform:translateX(-100%)}50%{transform:translateX(0%)}100%{transform:translateX(100%)}}@media (max-width:768px){.cosmic-loader{width:150px;height:150px}.ring-1{width:150px;height:150px}.ring-2{width:120px;height:120px;top:15px;left:15px}.ring-3{width:90px;height:90px;top:30px;left:30px}.loader-core{width:45px;height:45px}.loader-core::before{width:22px;height:22px}.loader-text{font-size:1.25rem}.loader-progress{width:250px}}@media (max-width:480px){.cosmic-loader{width:120px;height:120px}.ring-1{width:120px;height:120px}.ring-2{width:96px;height:96px;top:12px;left:12px}.ring-3{width:72px;height:72px;top:24px;left:24px}.loader-core{width:36px;height:36px}.loader-core::before{width:18px;height:18px}.loader-text{font-size:1rem}.loader-progress{width:200px}}