#loader{background:linear-gradient(135deg,#0d0f11,#1c1f26);height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;overflow:hidden}.spinner{width:120px;height:120px;position:relative}.outer-ring{width:120px;height:120px;border:2px solid var(--primary-color);animation:rotate 4s linear infinite}.bounce1,.bounce2,.bounce3,.bounce4,.outer-ring{border-radius:50%;position:absolute;top:0;left:0}.bounce1,.bounce2,.bounce3,.bounce4{width:100%;height:100%;background-color:var(--primary-color);opacity:.6;animation:bounceLoader 4s ease-in-out infinite}.bounce2{animation-delay:-.5s}.bounce3{animation-delay:-1s}.bounce4{animation-delay:-1.5s}@keyframes bounceLoader{0%,to{transform:scale(0)}50%{transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}