*{margin:0;padding:0}html,body{overflow:hidden}.webgl{position:fixed;top:0;left:0;outline:none}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0612,#1a0a2e,#0f0a1a);display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .8s ease,visibility .8s ease}#loader.loaded{opacity:0;visibility:hidden;pointer-events:none}.loader-content{display:flex;flex-direction:column;align-items:center;gap:30px}.loader-ring{width:120px;height:120px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,115,0,.8) 90deg,rgba(0,145,255,.8) 180deg,rgba(255,115,0,.4) 270deg,transparent 360deg);animation:loaderSpin 2s linear infinite;display:flex;justify-content:center;align-items:center;position:relative}.loader-ring:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:conic-gradient(from 180deg,transparent 0deg,rgba(0,145,255,.6) 120deg,transparent 240deg);animation:loaderSpin 3s linear infinite reverse}.loader-ring-inner{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#0a0612,#1a0a2e);z-index:1}.loader-progress{font-family:Courier New,monospace;font-size:28px;font-weight:300;letter-spacing:4px;color:#ffffffe6;display:flex;align-items:baseline}#loader-percent{min-width:60px;text-align:right;background:linear-gradient(90deg,#ff7300,#0091ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loader-percent-sign{font-size:16px;color:#ffffff80;margin-left:2px}@keyframes loaderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-ring:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,115,0,.15) 0%,rgba(0,145,255,.1) 50%,transparent 70%);animation:loaderPulse 2s ease-in-out infinite;z-index:-1}@keyframes loaderPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:1}}