.profile-loading-transition{position:fixed;top:80px;left:0;width:100%;height:calc(100% - 80px);background:linear-gradient(135deg,rgba(10,10,10,.98),rgba(26,26,46,.98) 50%,rgba(22,33,62,.98));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .4s ease-in-out;overflow:hidden}.profile-loading-transition:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(102,126,234,.1) 0,transparent 50%);animation:rotate 20s linear infinite}@media(max-width:768px){.profile-loading-transition{top:60px;height:calc(100% - 60px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-loading-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2rem;animation:slideUp .5s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.profile-loading-spinner{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid rgba(0,0,0,0);border-radius:50%;animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite}.spinner-ring:first-child{border-top-color:#667eea;border-right-color:#667eea;animation-delay:0s}.spinner-ring:nth-child(2){width:80%;height:80%;border-top-color:#764ba2;border-right-color:#764ba2;animation-delay:-.5s;animation-direction:reverse}.spinner-ring:nth-child(3){width:60%;height:60%;border-top-color:#f093fb;border-right-color:#f093fb;animation-delay:-1s}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.profile-loading-text{text-align:center;color:#fff}.profile-loading-text h2{font-size:1.8rem;font-weight:600;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;animation:pulse 2s ease-in-out infinite}.profile-loading-text p{font-size:1rem;margin:0;color:hsla(0,0%,100%,.7);animation:fadeInOut 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}@media(max-width:768px){.profile-loading-spinner{width:100px;height:100px}.profile-loading-text h2{font-size:1.5rem}.profile-loading-text p{font-size:.9rem}}