html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:#030202}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#030202;display:flex;align-items:center;justify-content:center;z-index:100;transition:opacity .5s ease-out}.loader.fade-out{opacity:0;pointer-events:none}.loader-content{display:flex;flex-direction:column;align-items:center;gap:24px}.portal-ring{position:relative;width:120px;height:120px}.portal-ring-outer{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid #8b7355;box-shadow:0 0 20px #8b73554d,inset 0 0 20px #8b73551a}.portal-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,#fd4,#ff69b4,#c4a);filter:blur(8px);animation:portalPulse 2s ease-in-out infinite}.portal-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,#ff8,#fa5 40%,#ff69b4);animation:portalSpin 4s linear infinite}@keyframes portalPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes portalSpin{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.loader-bar-container{width:160px;height:3px;background:#8b73554d;border-radius:2px;overflow:hidden}.loader-bar{height:100%;background:linear-gradient(90deg,#fd4,#ff69b4);border-radius:2px;transition:width .3s ease-out;box-shadow:0 0 10px #ff69b480}.loader-text{font-family:Georgia,serif;font-size:14px;font-weight:400;color:#ffdd44e6;letter-spacing:3px;text-transform:uppercase}