.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(5px)}.loader-spinner{position:relative;width:64px;height:64px;margin-bottom:16px}.loader-circle{position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;opacity:.2;top:50%;left:50%;transform:translate(-50%,-50%);animation:loader-fade 1.2s linear infinite}.loader-circle-1{transform:rotate(0deg) translate(28px) scale(1);animation-delay:0s}.loader-circle-2{transform:rotate(30deg) translate(28px) scale(1);animation-delay:.1s}.loader-circle-3{transform:rotate(60deg) translate(28px) scale(1);animation-delay:.2s}.loader-circle-4{transform:rotate(90deg) translate(28px) scale(1);animation-delay:.3s}.loader-circle-5{transform:rotate(120deg) translate(28px) scale(1);animation-delay:.4s}.loader-circle-6{transform:rotate(150deg) translate(28px) scale(1);animation-delay:.5s}.loader-circle-7{transform:rotate(180deg) translate(28px) scale(1);animation-delay:.6s}.loader-circle-8{transform:rotate(210deg) translate(28px) scale(1);animation-delay:.7s}.loader-circle-9{transform:rotate(240deg) translate(28px) scale(1);animation-delay:.8s}.loader-circle-10{transform:rotate(270deg) translate(28px) scale(1);animation-delay:.9s}.loader-circle-11{transform:rotate(300deg) translate(28px) scale(1);animation-delay:1s}.loader-circle-12{transform:rotate(330deg) translate(28px) scale(1);animation-delay:1.1s}@keyframes loader-fade{0%{opacity:1}to{opacity:.2}}.loader-text{color:#fff;font-size:1.2rem;font-weight:500;letter-spacing:1px;text-align:center}