*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;background:#0a0a0a}.webgl{position:fixed;top:0;left:0;outline:none;opacity:0;transition:opacity 1.5s ease}body.loaded .webgl{opacity:1}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0a;display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity .8s ease,visibility .8s ease}.loader-overlay.loaded{opacity:0;visibility:hidden;pointer-events:none}.loader-container{display:flex;flex-direction:column;align-items:center;gap:30px}.loader-icon{width:60px;height:60px;position:relative}.loader-particle{position:absolute;width:8px;height:8px;background:#fffc;border-radius:50%;animation:loaderOrbit 2s ease-in-out infinite}.loader-particle:nth-child(1){animation-delay:0s}.loader-particle:nth-child(2){animation-delay:.4s}.loader-particle:nth-child(3){animation-delay:.8s}.loader-particle:nth-child(4){animation-delay:1.2s}.loader-particle:nth-child(5){animation-delay:1.6s}@keyframes loaderOrbit{0%,to{transform:translate(26px,26px) scale(.3);opacity:.2}25%{transform:translate(45px,10px) scale(1);opacity:1}50%{transform:translate(26px,26px) scale(.3);opacity:.2}75%{transform:translate(5px,40px) scale(.8);opacity:.6}}.loader-bar{width:200px;height:2px;background:#ffffff1a;border-radius:1px;overflow:hidden}.loader-progress{height:100%;width:0%;background:linear-gradient(90deg,#ffffff4d,#fffc);transition:width .3s ease}.loader-percentage{font-family:Courier New,monospace;font-size:12px;color:#ffffff80;letter-spacing:4px}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;background:radial-gradient(ellipse at center,transparent 0%,transparent 40%,rgba(0,0,0,.3) 80%,rgba(0,0,0,.6) 100%);opacity:0;transition:opacity 2s ease .5s}body.loaded .vignette{opacity:1}.grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;opacity:0;transition:opacity 2s ease 1s;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px}body.loaded .grid-overlay{opacity:1}.corner{position:fixed;width:80px;height:80px;z-index:15;pointer-events:none;opacity:0;transition:opacity 1.5s ease 1.2s}body.loaded .corner{opacity:1}.corner:before,.corner:after{content:"";position:absolute;background:#ffffff26}.corner-tl{top:20px;left:20px}.corner-tl:before{top:0;left:0;width:40px;height:1px}.corner-tl:after{top:0;left:0;width:1px;height:40px}.corner-tr{top:20px;right:20px}.corner-tr:before{top:0;right:0;width:40px;height:1px}.corner-tr:after{top:0;right:0;width:1px;height:40px}.corner-bl{bottom:20px;left:20px}.corner-bl:before{bottom:0;left:0;width:40px;height:1px}.corner-bl:after{bottom:0;left:0;width:1px;height:40px}.corner-br{bottom:20px;right:20px}.corner-br:before{bottom:0;right:0;width:40px;height:1px}.corner-br:after{bottom:0;right:0;width:1px;height:40px}.ambient-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:hidden}.ambient-particles span{position:absolute;width:2px;height:2px;background:#ffffff4d;border-radius:50%;animation:floatParticle 15s linear infinite;opacity:0}body.loaded .ambient-particles span{opacity:1}.ambient-particles span:nth-child(1){left:10%;animation-delay:0s;animation-duration:18s}.ambient-particles span:nth-child(2){left:20%;animation-delay:2s;animation-duration:22s}.ambient-particles span:nth-child(3){left:35%;animation-delay:4s;animation-duration:16s}.ambient-particles span:nth-child(4){left:50%;animation-delay:6s;animation-duration:20s}.ambient-particles span:nth-child(5){left:65%;animation-delay:1s;animation-duration:19s}.ambient-particles span:nth-child(6){left:75%;animation-delay:3s;animation-duration:17s}.ambient-particles span:nth-child(7){left:85%;animation-delay:5s;animation-duration:21s}.ambient-particles span:nth-child(8){left:5%;animation-delay:7s;animation-duration:23s}.ambient-particles span:nth-child(9){left:45%;animation-delay:8s;animation-duration:15s}.ambient-particles span:nth-child(10){left:90%;animation-delay:9s;animation-duration:24s}@keyframes floatParticle{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translateY(-10vh) scale(1);opacity:0}}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);opacity:0;transition:opacity 2s ease 1.5s}body.loaded:after{opacity:1}