*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:radial-gradient(1200px 800px at 50% -10%,#0a1426,#05080f 55%,#03050a);font-family:Rajdhani,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}#app{height:100%}.stage{height:100%;width:100%;display:flex;align-items:center;justify-content:center;position:relative;background-image:linear-gradient(rgba(56,189,248,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.035) 1px,transparent 1px);background-size:44px 44px}.stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(900px 700px at 50% 50%,transparent 40%,rgba(2,4,9,.85) 100%)}.phone{position:relative;width:412px;height:892px;flex-shrink:0;background:#05070c;border-radius:46px;padding:13px;box-shadow:0 0 0 2px #161e2b,0 0 0 5px #0a0e16,0 34px 90px #000000bf,0 0 64px #38bdf821;transform-origin:center center}.phone-screen{position:relative;width:100%;height:100%;border-radius:34px;overflow:hidden;background:var(--bg, #04070e)}.phone .cam{position:absolute;top:22px;left:50%;transform:translate(-50%);width:11px;height:11px;border-radius:50%;background:#0c1018;box-shadow:inset 0 0 0 2px #1c2433,0 0 0 5px #05070c;z-index:70}.app{--sys: #38bdf8;--sys-rgb: 56,189,248;--sys-deep: #0ea5e9;--bg: #04070e;--panel: rgba(10,18,32,.62);--line: rgba(var(--sys-rgb), .45);--txt: #dbeafe;--dim: #5e7e9e;--danger: #ff2e55;--danger-rgb: 255,46,85;--gold: #fbbf24;height:100%;width:100%;position:relative;background:var(--bg);color:var(--txt);display:flex;flex-direction:column;overflow:hidden;font-family:Rajdhani,system-ui,sans-serif}.app .fx-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background-image:linear-gradient(rgba(var(--sys-rgb),.05) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--sys-rgb),.05) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(120% 90% at 50% 0%,#000 30%,transparent 100%);mask-image:radial-gradient(120% 90% at 50% 0%,#000 30%,transparent 100%);opacity:var(--grid-op, 1)}.app .fx-scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30;background:repeating-linear-gradient(0deg,#0000,#0000 2px,rgba(var(--sys-rgb),.045),#0000 4px);opacity:var(--scan-op, 1);mix-blend-mode:screen}.app .fx-sweep{position:absolute;left:0;right:0;height:140px;z-index:31;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(var(--sys-rgb),.08),transparent);animation:sweep 7s linear infinite;opacity:var(--scan-op, 1)}@keyframes sweep{0%{transform:translateY(-160px)}to{transform:translateY(840px)}}.scroll{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;z-index:5;-webkit-overflow-scrolling:touch;padding-bottom:18px}.scroll::-webkit-scrollbar{width:0}.pad{padding:0 16px}.win{position:relative;background:var(--panel);border:1px solid var(--line);box-shadow:0 0 0 1px rgba(var(--sys-rgb),.08),0 0 22px rgba(var(--sys-rgb),.1),inset 0 0 32px rgba(var(--sys-rgb),.05)}.win:before,.win:after{content:"";position:absolute;width:12px;height:12px;border:2px solid var(--sys);pointer-events:none;filter:drop-shadow(0 0 4px rgba(var(--sys-rgb),.7))}.win:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.win:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.win>.win-c2,.win>.win-c3{content:"";position:absolute;width:12px;height:12px;border:2px solid var(--sys);pointer-events:none;filter:drop-shadow(0 0 4px rgba(var(--sys-rgb),.7))}.win>.win-c2{top:-1px;right:-1px;border-left:0;border-bottom:0}.win>.win-c3{bottom:-1px;left:-1px;border-right:0;border-top:0}.win.danger{--sys: var(--danger);--sys-rgb: var(--danger-rgb)}.hologram-in{animation:holoIn .5s cubic-bezier(.2,.9,.3,1)}@media (prefers-reduced-motion: reduce){.hologram-in,.fade-in{animation:none!important}}@keyframes holoIn{0%{transform:translateY(10px) scaleY(.9);filter:brightness(2.6) saturate(1.6)}55%{transform:none;filter:brightness(1.4)}to{transform:none;filter:none}}.sys-label{font-family:Share Tech Mono,monospace;letter-spacing:3px;text-transform:uppercase;color:var(--sys);font-size:11px;text-shadow:0 0 8px rgba(var(--sys-rgb),.6)}.sys-label.danger{color:var(--danger);text-shadow:0 0 8px rgba(var(--danger-rgb),.6)}.mono{font-family:Share Tech Mono,monospace}.display{font-family:Orbitron,sans-serif}.glow-txt{text-shadow:0 0 10px rgba(var(--sys-rgb),.7),0 0 22px rgba(var(--sys-rgb),.35)}.glow-danger{color:var(--danger);text-shadow:0 0 10px rgba(var(--danger-rgb),.7)}.bar{position:relative;height:7px;background:rgba(var(--sys-rgb),.1);border:1px solid rgba(var(--sys-rgb),.25);overflow:hidden}.bar>i{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;background:linear-gradient(90deg,var(--sys-deep),var(--sys));box-shadow:0 0 12px rgba(var(--sys-rgb),.8);transition:transform .8s cubic-bezier(.2,.8,.2,1);display:block}.bar>i:after{content:"";position:absolute;top:0;right:0;width:16px;height:100%;background:#eaf6ff;opacity:.8;filter:blur(3px)}.bar.danger{border-color:rgba(var(--danger-rgb),.4);background:rgba(var(--danger-rgb),.1)}.bar.danger>i{background:linear-gradient(90deg,#b91c3c,var(--danger));box-shadow:0 0 12px rgba(var(--danger-rgb),.8)}.btn{font-family:Rajdhani,sans-serif;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--line);color:var(--sys);background:rgba(var(--sys-rgb),.07);padding:11px 14px;font-size:13px;position:relative;transition:all .15s ease;-webkit-tap-highlight-color:transparent;text-shadow:0 0 8px rgba(var(--sys-rgb),.4)}.btn:hover{background:rgba(var(--sys-rgb),.16);box-shadow:0 0 16px rgba(var(--sys-rgb),.35)}.btn:active{transform:scale(.97)}.btn[disabled],.btn:disabled{opacity:.4;pointer-events:none;filter:grayscale(1)}.btn-solid{background:linear-gradient(180deg,var(--sys),var(--sys-deep));color:#021018;border-color:var(--sys);font-weight:700;box-shadow:0 0 18px rgba(var(--sys-rgb),.5)}.btn-solid:hover{box-shadow:0 0 28px rgba(var(--sys-rgb),.8);background:linear-gradient(180deg,#7dd3fc,var(--sys))}.btn-danger{color:var(--danger);border-color:rgba(var(--danger-rgb),.6);background:rgba(var(--danger-rgb),.08);text-shadow:0 0 8px rgba(var(--danger-rgb),.5)}.btn-danger:hover{background:rgba(var(--danger-rgb),.18);box-shadow:0 0 16px rgba(var(--danger-rgb),.4)}@keyframes floatUp{0%{opacity:0;transform:translateY(6px) scale(.8)}15%{opacity:1}to{opacity:0;transform:translateY(-34px) scale(1.1)}}.float-xp{position:absolute;font-family:Orbitron;font-weight:700;pointer-events:none;color:var(--sys);text-shadow:0 0 12px rgba(var(--sys-rgb),.9);animation:floatUp 1.1s ease-out forwards;z-index:40}@keyframes alertPulse{0%,to{box-shadow:0 0 rgba(var(--danger-rgb),0)}50%{box-shadow:0 0 24px 2px rgba(var(--danger-rgb),.5)}}.alert-pulse{animation:alertPulse 2.6s ease-in-out infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.25}}.blink{animation:blink 1s steps(1) infinite}@keyframes flash{0%{opacity:0}8%{opacity:1}to{opacity:0}}@keyframes ringExpand{0%{transform:scale(.2);opacity:.9}to{transform:scale(2.4);opacity:0}}@keyframes lvlPop{0%{transform:scale(.4) translateY(20px);letter-spacing:30px}55%{transform:scale(1.08);letter-spacing:12px}to{transform:scale(1);letter-spacing:8px}}@keyframes glitchX{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}}.glitch{animation:glitchX .25s steps(2) 3}.fade-in{animation:fadeIn .32s ease}@keyframes fadeIn{0%{transform:translateY(8px)}to{transform:none}}.nav{position:relative;z-index:20;display:flex;justify-content:space-around;align-items:stretch;background:linear-gradient(180deg,#05091166,#050911f2);border-top:1px solid var(--line);box-shadow:0 -8px 24px #0009,0 -1px rgba(var(--sys-rgb),.3);padding:10px 6px calc(10px + env(safe-area-inset-bottom,0px))}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 0 10px;cursor:pointer;color:var(--dim);position:relative;transition:color .15s;-webkit-tap-highlight-color:transparent;min-height:56px}.nav-item .lbl{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600}.nav-item.on{color:var(--sys)}.nav-item.on .lbl{text-shadow:0 0 8px rgba(var(--sys-rgb),.7)}.nav-item.on:before{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%);width:26px;height:2px;background:var(--sys);box-shadow:0 0 10px var(--sys)}.chip{display:inline-flex;align-items:center;gap:5px;font-family:Share Tech Mono,monospace;font-size:10px;letter-spacing:1px;padding:3px 7px;border:1px solid var(--line);color:var(--sys);text-transform:uppercase}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.field{width:100%;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:500;color:var(--txt);background:rgba(var(--sys-rgb),.06);border:1px solid var(--line);padding:12px 13px;outline:none;letter-spacing:.5px;transition:all .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field::placeholder{color:var(--dim)}.field:focus{border-color:var(--sys);background:rgba(var(--sys-rgb),.1);box-shadow:0 0 0 1px var(--sys),0 0 16px rgba(var(--sys-rgb),.3)}.field-label{font-family:Share Tech Mono,monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--sys);margin-bottom:6px;display:block}.field-mono{font-family:Share Tech Mono,monospace;letter-spacing:2px;text-align:center}@keyframes caret{0%,49%{opacity:1}50%,to{opacity:0}}.caret:after{content:"_";margin-left:2px;animation:caret 1s steps(1) infinite;color:var(--sys)}@keyframes countUp{0%{opacity:.3}to{opacity:1}}@keyframes scanScanner{0%{top:0}to{top:100%}}.shake{animation:shakeNo .5s ease}@keyframes shakeNo{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.boot{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#38bdf8;font-family:Share Tech Mono,monospace}.boot .err{color:#ff2e55;font-size:12px;max-width:80%;text-align:center;line-height:1.5;white-space:pre-wrap}.srv-down{filter:grayscale(1);opacity:.45;pointer-events:none}.ring-pulse[data-v-59c02490]{animation:ringPulse-59c02490 .9s ease-in-out infinite}@keyframes ringPulse-59c02490{0%,to{opacity:1}50%{opacity:.25}}
