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