/* WEB PANEL PROXY public CSS */
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{display:grid;place-items:center;background:radial-gradient(ellipse,#30105b,#090014 62%,#020008);color:white;font-family:system-ui,sans-serif;animation:hue 10s linear infinite}.scene{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;height:100%}.grid{position:absolute;inset:-50%;z-index:-2;opacity:.27;background-image:linear-gradient(#a855f733 1px,transparent 1px),linear-gradient(90deg,#a855f733 1px,transparent 1px);background-size:48px 48px;transform:perspective(500px) rotateX(58deg) scale(1.5);animation:grid 2s linear infinite;mask-image:radial-gradient(ellipse,black 10%,transparent 70%)}.orbit{position:absolute;width:min(76vw,650px);aspect-ratio:1;border:1px solid #ffffff28;border-radius:50%;animation:spin 7s linear infinite}.orbit:before,.orbit:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#00f5ff;box-shadow:0 0 25px 8px #00f5ff;top:10%;left:20%}.orbit:after{width:9px;height:9px;background:#ff2bd6;box-shadow:0 0 22px 7px #ff2bd6;top:78%;left:83%}.orbit.two{width:min(58vw,490px);border-style:dashed;border-color:#ff2bd666;animation:spin 11s linear infinite reverse;transform:rotateX(65deg)}.orbit.two:before{background:#ffe600;box-shadow:0 0 24px 7px #ffe600;top:50%;left:-1%}.panel{text-align:center;position:relative;padding:clamp(28px,6vw,70px)}.eyebrow{letter-spacing:.45em;text-transform:uppercase;font-size:clamp(10px,2vw,14px);color:#b7faff;animation:flicker 1.3s steps(2) infinite}h1{margin:.2em 0;font-size:clamp(40px,10vw,116px);line-height:.95;font-weight:1000;letter-spacing:-.075em;text-transform:uppercase;position:relative;color:white;text-shadow:0 0 8px white,0 0 25px #00eaff,0 0 60px #a000ff;animation:bounce 1.2s cubic-bezier(.3,1.8,.5,1) infinite alternate,glitch 3.7s steps(1) infinite}h1:before,h1:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none}h1:before{color:#00f5ff;transform:translate(-4px,1px);clip-path:inset(0 0 55% 0);animation:slice 1.4s steps(2) infinite;opacity:.8}h1:after{color:#ff2bd6;transform:translate(4px,-1px);clip-path:inset(55% 0 0 0);animation:slice 1.1s steps(2) infinite reverse;opacity:.8}.bar{margin:28px auto 0;width:min(310px,70vw);height:7px;border-radius:10px;background:#ffffff24;overflow:hidden;box-shadow:0 0 20px #9d00ff77}.bar span{display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#00f5ff,#ff2bd6,#ffe600);animation:load 1.25s ease-in-out infinite alternate}.caption{margin-top:15px;color:#d9c8ff;letter-spacing:.18em;font-size:clamp(10px,2vw,13px);text-transform:uppercase}.spark{position:absolute;width:4px;height:4px;border-radius:50%;background:white;box-shadow:0 0 12px 3px white;animation:spark var(--d) ease-in-out infinite}@keyframes hue{to{filter:hue-rotate(360deg)}}@keyframes spin{to{rotate:360deg}}@keyframes grid{to{background-position:0 48px,48px 0}}@keyframes bounce{to{transform:translateY(-14px) scale(1.035) rotate(-1deg)}}@keyframes glitch{0%,92%,100%{translate:0}93%{translate:7px -3px}94%{translate:-6px 2px}95%{translate:2px 0}}@keyframes slice{50%{transform:translate(8px,-2px)}}@keyframes flicker{50%{opacity:.4}}@keyframes load{to{transform:translateX(165%)}}@keyframes spark{0%,100%{transform:scale(.2);opacity:.15}50%{transform:scale(1.5);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:10s!important}}