.fallback-spinner{position:relative;display:flex;height:100vh;width:100%;background:linear-gradient(135deg,#0a0a0a,#1c1c1c,#0f0f0f);overflow:hidden}.fallback-spinner:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(212,175,55,.15),transparent 70%);filter:blur(80px);animation:ambientPulse 4s ease-in-out infinite}.loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140px;height:140px;z-index:10}.spinner-container{position:relative;width:100%;height:100%;transform-style:preserve-3d}.phonex-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;font-size:36px;font-weight:700;color:#d4af37;text-shadow:0 0 20px rgba(212,175,55,.6);z-index:5;animation:logoGlow 2s ease-in-out infinite}.luxury-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-radius:50%;border-top-color:#d4af37;border-right-color:#d4af374d;animation:luxuryRotate 2s cubic-bezier(.5,0,.5,1) infinite;filter:drop-shadow(0 0 10px rgba(212,175,55,.4))}.accent-ring{position:absolute;width:85%;height:85%;top:7.5%;left:7.5%;border:2px solid transparent;border-radius:50%;border-bottom-color:#c62828;border-left-color:#c628284d;animation:luxuryRotate 1.5s cubic-bezier(.5,0,.5,1) infinite reverse;filter:drop-shadow(0 0 8px rgba(198,40,40,.3))}.golden-particles{position:absolute;width:100%;height:100%}.particle{position:absolute;width:6px;height:6px;background:linear-gradient(135deg,#f0d879,#d4af37);border-radius:50%;box-shadow:0 0 10px #d4af37cc;animation:particleOrbit 3s linear infinite}.ruby-dots{position:absolute;width:100%;height:100%}.ruby-dot{position:absolute;width:4px;height:4px;background:#c62828;border-radius:50%;box-shadow:0 0 8px #c6282899}.glow-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:radial-gradient(circle,rgba(212,175,55,.3),transparent 70%);border-radius:50%;animation:coreExpand 2s ease-in-out infinite}.loading-text{position:absolute;left:50%;top:calc(50% + 90px);transform:translate(-50%);color:#d4af37;font-size:14px;font-weight:500;letter-spacing:3px;text-transform:uppercase;animation:textFade 1.5s ease-in-out infinite}.loading-text:after{content:"";animation:dots 1.5s steps(3,end) infinite}@keyframes ambientPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes luxuryRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logoGlow{0%,to{text-shadow:0 0 20px rgba(212,175,55,.6),0 0 30px rgba(212,175,55,.4);transform:translate(-50%,-50%) scale(1)}50%{text-shadow:0 0 30px rgba(212,175,55,.9),0 0 50px rgba(212,175,55,.6);transform:translate(-50%,-50%) scale(1.05)}}@keyframes particleOrbit{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes coreExpand{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.8}}@keyframes textFade{0%,to{opacity:.5}50%{opacity:1}}@keyframes dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}@media (max-width: 768px){.loading{width:100px;height:100px}.phonex-logo{font-size:28px;width:40px;height:40px}.loading-text{font-size:12px;top:calc(50% + 70px)}}