.magic-loader-wrapper{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,#1e1e2f,#111122);padding:2em;box-sizing:border-box}.magic-loader-container{display:flex;flex-direction:column;align-items:center;gap:1.5em;text-align:center}.magic-cube-loader{position:relative;width:4.5em;height:4.5em;transform:rotate(45deg);animation:magic-rotate 2s linear infinite}@keyframes magic-rotate{0%{transform:rotate(45deg) rotate(0deg)}to{transform:rotate(45deg) rotate(1turn)}}.magic-cube{position:absolute;width:1.8em;height:1.8em;background:linear-gradient(135deg,#00ffff,#6600ff);box-shadow:0 0 .7em rgba(0,255,255,.6),0 0 1em rgba(102,0,255,.6);border-radius:6px;animation:magic-float 1.5s ease-in-out infinite}.magic-cube.cube1{top:0;left:0;animation-delay:0s}.magic-cube.cube2{top:0;right:0;animation-delay:.2s}.magic-cube.cube3{bottom:0;right:0;animation-delay:.4s}.magic-cube.cube4{bottom:0;left:0;animation-delay:.6s}@keyframes magic-float{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.magic-loading-text{color:#ffffffcc;font-size:1.2rem;animation:magic-pulse 2s infinite;margin:0;line-height:1.4}@keyframes magic-pulse{0%,to{opacity:.5}50%{opacity:1}}@media screen and (max-width:480px){.magic-cube-loader{width:3.5em;height:3.5em}.magic-cube{width:1.3em;height:1.3em}.magic-loading-text{font-size:1rem}}