static/css/quantum-preloader.css

#quantumSpacePreloader::after,#quantumSpacePreloader::before{content:'';position:absolute;pointer-events:none;top:0;left:0;width:100%;height:100%}#quantumSpacePreloader{cursor:none;user-select:none}#quantumSpacePreloader::before{background:radial-gradient(circle at 10% 20%,rgba(120,119,198,.1) 0,transparent 20%),radial-gradient(circle at 80% 80%,rgba(255,119,198,.1) 0,transparent 20%),radial-gradient(circle at 40% 40%,rgba(120,255,198,.1) 0,transparent 20%),radial-gradient(circle at 90% 10%,rgba(255,255,119,.1) 0,transparent 20%),radial-gradient(circle at 30% 70%,rgba(119,255,255,.1) 0,transparent 20%);animation:8s ease-in-out infinite quantumParticles}#quantumSpacePreloader::after{background:linear-gradient(45deg,transparent 40%,rgba(0,255,255,.03) 50%,transparent 60%),linear-gradient(-45deg,transparent 40%,rgba(255,0,128,.03) 50%,transparent 60%);animation:4s ease-in-out infinite alternate quantumInterference}.quantum-hologram{position:relative;background:linear-gradient(45deg,rgba(0,255,255,.1) 0,rgba(0,255,255,.05) 25%,rgba(255,0,128,.05) 50%,rgba(255,255,0,.05) 75%,rgba(0,255,255,.1) 100%);background-size:400% 400%;animation:6s infinite quantumHologram}.quantum-core-enhanced{filter:drop-shadow(0 0 20px rgba(74, 144, 226, .8)) drop-shadow(0 0 40px rgba(0, 255, 255, .4)) drop-shadow(0 0 60px rgba(255, 0, 128, .2))}.neural-network{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 25% 25%,transparent 2px,rgba(0,255,255,.1) 2px,rgba(0,255,255,.1) 3px,transparent 3px),radial-gradient(circle at 75% 75%,transparent 2px,rgba(255,0,128,.1) 2px,rgba(255,0,128,.1) 3px,transparent 3px);background-size:100px 100px;animation:5s ease-in-out infinite neuralPulse;opacity:.3}@keyframes quantumParticles{0%,100%{transform:scale(1) rotate(0);opacity:.3}25%{transform:scale(1.2) rotate(90deg);opacity:.6}50%{transform:scale(.8) rotate(180deg);opacity:.9}75%{transform:scale(1.1) rotate(270deg);opacity:.4}}@keyframes quantumInterference{0%{transform:translateX(-100%) skewX(0);opacity:0}50%{transform:translateX(0) skewX(5deg);opacity:1}100%{transform:translateX(100%) skewX(0);opacity:0}}@keyframes quantumHologram{0%{background-position:0 50%;filter:hue-rotate(0deg)}25%{background-position:100% 0;filter:hue-rotate(90deg)}50%{background-position:100% 100%;filter:hue-rotate(180deg)}75%{background-position:0 100%;filter:hue-rotate(270deg)}100%{background-position:0 50%;filter:hue-rotate(360deg)}}@keyframes neuralPulse{0%,100%{background-size:100px 100px;opacity:.3}50%{background-size:120px 120px;opacity:.6}}@media (max-width:768px){#quantumSpacePreloader{background-size:200% 200%}.quantum-hologram{padding:2rem 1.5rem;border-radius:15px}}@media (prefers-color-scheme:dark){#quantumSpacePreloader{background:linear-gradient(45deg,#000,#0a0a0a,#1a0033,#2a0066,#3a0099,#000)}}@media print{#quantumSpacePreloader{display:none!important}}@media (prefers-reduced-motion:reduce){#quantumSpacePreloader,#quantumSpacePreloader::after,#quantumSpacePreloader::before,.neural-network,.quantum-hologram{animation-duration:8s;animation-timing-function:ease}#quantumSpacePreloader *{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}.quantum-focus-indicator{position:absolute;top:20px;right:20px;color:rgba(255,255,255,.6);font-size:.8rem;font-family:monospace}.quantum-percentage{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:rgba(0,255,255,.8);font-family:'Space Grotesk',monospace;font-size:1rem;letter-spacing:.2rem;animation:1s ease-in-out infinite alternate percentageGlow}@keyframes percentageGlow{0%{text-shadow:0 0 10px rgba(0,255,255,.5)}100%{text-shadow:0 0 20px rgba(0,255,255,.8),0 0 30px rgba(0,255,255,.4)}}