.loader{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.7);z-index:9999;animation:fadeIn .5s ease-out}.ring-container{position:relative}.ring,.ring-container{width:80px;height:80px}.ring{border:8px solid transparent;border-top-color:#6c63ff;border-radius:50%;animation:spin 1.5s linear infinite;box-shadow:0 0 15px rgba(108,99,255,.5)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loader-text{position:absolute;bottom:-30px;font-size:16px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px;animation:fadeInText 2s ease-out}@keyframes fadeInText{0%{opacity:0}to{opacity:1}}