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