*{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,#1a1a2e,#16213e,#0f0f23);display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .6s ease,visibility .6s ease}.loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-content{display:flex;flex-direction:column;align-items:center;gap:30px}.loader-sphere{width:120px;height:120px;position:relative;display:flex;justify-content:center;align-items:center}.sphere-inner{width:80px;height:80px;background:linear-gradient(135deg,#00f,#80f,red);border-radius:50%;position:relative;animation:wobble 2s ease-in-out infinite,glow 2s ease-in-out infinite;box-shadow:0 0 60px #8800ff80,0 0 100px #8800ff4d,inset -10px -10px 30px #00f6,inset 10px 10px 30px #f006}.sphere-inner:before{content:"";position:absolute;top:10%;left:15%;width:25%;height:25%;background:#fff6;border-radius:50%;filter:blur(3px)}.sphere-inner:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.1) 100%)}@keyframes wobble{0%,to{border-radius:50%;transform:scale(1) rotate(0)}25%{border-radius:45% 55% 60% 40%/55% 45%;transform:scale(1.05) rotate(5deg)}50%{border-radius:55% 45% 40% 60%/45% 55%;transform:scale(.95) rotate(-5deg)}75%{border-radius:40% 60% 55% 45%/60% 40%;transform:scale(1.02) rotate(3deg)}}@keyframes glow{0%,to{box-shadow:0 0 60px #8800ff80,0 0 100px #8800ff4d,inset -10px -10px 30px #00f6,inset 10px 10px 30px #f006}50%{box-shadow:0 0 80px #8800ffb3,0 0 120px #80f6,inset -10px -10px 40px #0000ff80,inset 10px 10px 40px #ff000080}}.loader-progress{width:200px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;position:relative}.progress-bar{width:0%;height:100%;background:linear-gradient(90deg,#00f,#80f,red);border-radius:2px;transition:width .3s ease;position:relative}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loader-text{font-family:Segoe UI,system-ui,sans-serif;font-size:18px;font-weight:300;color:#fff9;letter-spacing:3px}.loader-text .percent{font-weight:400;color:#fffc}