:root{--bg-color:#050505;--text-main:#fff;--accent-cyan:#00f0ff;--accent-green:#00ff9d;--font-main:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"Roboto Mono", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%}.center-stack{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:2rem;height:100%;display:flex;position:relative}.glow-text{text-shadow:0 0 10px #00f0ff80}.mono{font-family:var(--font-mono)}.background-container{z-index:1;background:#000;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.bg-video{object-fit:cover;opacity:1;filter:brightness(1.5)contrast();width:100%;height:100%;position:absolute;top:0;left:0}@media (width<=768px){.bg-video{object-position:center}}.grid-overlay{opacity:.2;pointer-events:none;background-image:linear-gradient(#00f0ff1a 1px,#0000 1px),linear-gradient(90deg,#00f0ff1a 1px,#0000 1px);background-size:80px 80px;width:200%;height:200%;animation:4s linear infinite move-grid;position:absolute;bottom:-50%;left:-50%;transform:perspective(500px)rotateX(60deg)}@keyframes move-grid{0%{transform:perspective(500px)rotateX(60deg)translateY(0)}to{transform:perspective(500px)rotateX(60deg)translateY(80px)}}.fog-overlay{pointer-events:none;background:radial-gradient(circle,#0000004d 0%,#000000e6 100%);width:100%;height:100%;position:absolute;top:0;left:0}.logo-container{justify-content:center;width:100%;margin-bottom:1rem;display:flex}.logo-img{filter:drop-shadow(0 0 10px #ffffff4d);width:40vmin;min-width:280px;max-width:800px;height:auto;animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=768px){.logo-img{width:60vmin;min-width:200px}}@media (width<=480px){.logo-img{width:70vmin;min-width:150px}}.loader-container{align-items:center;gap:.5rem;display:flex}.loader-text{letter-spacing:.2rem;color:var(--accent-cyan);text-transform:uppercase;font-size:1.2rem;font-weight:700}.loader-cursor{background-color:var(--accent-cyan);width:10px;height:1.5rem;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.battery-container{align-items:center;gap:4px;display:flex}.battery-body{border:2px solid var(--accent-green);background:#00000080;border-radius:4px;width:200px;height:40px;padding:3px;position:relative;box-shadow:0 0 10px #00ff9d33}.battery-fill{background:var(--accent-green);height:100%;box-shadow:0 0 15px var(--accent-green);border-radius:2px;position:relative;overflow:hidden}.battery-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);animation:2s linear infinite shimmer;position:absolute;inset:0}.battery-value{color:#fff;text-shadow:0 0 5px #000;z-index:2;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.battery-tip{background:var(--accent-green);width:6px;height:16px;box-shadow:0 0 5px var(--accent-green);border-radius:0 2px 2px 0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}