/* WEB PANEL PROXY public CSS */
:root{--green:#71ffb1;--dark:#030a0b}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--dark);color:#e7fff1;font-family:Consolas,'Courier New',monospace}canvas{position:absolute;inset:0;width:100%;height:100%}.shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 58%,transparent 15%,#010708b8 95%);pointer-events:none}.scan{position:absolute;inset:0;pointer-events:none;opacity:.2;background:repeating-linear-gradient(to bottom,transparent 0 3px,#000 4px 5px)}header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:24px clamp(20px,5vw,75px);z-index:3}header .logo{font-size:clamp(21px,3vw,34px);font-weight:900;letter-spacing:.16em;text-shadow:0 0 18px #36ff98}header .logo span{color:var(--green)}header .status{font-size:11px;letter-spacing:.2em;color:#8debb5;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:#5bff99;border-radius:50%;box-shadow:0 0 12px #5bff99;animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.3}}main{position:absolute;z-index:3;top:19%;width:100%;text-align:center;padding:0 16px;pointer-events:none}.eyebrow{color:var(--green);letter-spacing:.48em;font-size:clamp(10px,1.5vw,14px);margin-bottom:18px;text-shadow:0 0 15px #39f998}h1{margin:0;font-size:clamp(42px,8vw,112px);line-height:.97;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 0 20px #00ff8455,0 0 65px #00ff8426}h1 em{font-style:normal;color:var(--green)}.subtitle{margin:22px auto 0;color:#a6c8b8;font-size:clamp(12px,1.5vw,17px);letter-spacing:.12em;max-width:700px;line-height:1.7}.chip{display:inline-block;margin-top:25px;border:1px solid #4fff9866;background:#031e17aa;padding:10px 17px;color:#92ffbc;letter-spacing:.18em;font-size:11px;box-shadow:0 0 30px #00ff4a18}footer{position:absolute;bottom:18px;left:0;right:0;z-index:3;display:flex;justify-content:space-between;gap:12px;padding:0 clamp(20px,5vw,75px);font-size:10px;letter-spacing:.13em;color:#7ba994}button{background:#06271d;border:1px solid #55ffa488;color:#adffd1;padding:9px 14px;font:inherit;font-size:10px;letter-spacing:.12em;cursor:pointer;pointer-events:auto}button:hover{background:#0b4832}#hint{position:absolute;bottom:76px;left:50%;transform:translateX(-50%);z-index:4;color:#a6ffd1;font-size:12px;letter-spacing:.1em;text-align:center;white-space:nowrap;opacity:.75}@media(max-width:600px){main{top:18%}header{padding:20px}.status{font-size:9px!important}footer{padding:0 18px;font-size:9px}footer .left{max-width:170px}#hint{bottom:90px;font-size:10px}.chip{margin-top:16px}}
 @media(max-width:700px){main{top:16%}h1{font-size:clamp(34px,9vw,65px)}.subtitle{max-width:320px}}@media(max-height:580px){main{top:15%}.chip{margin-top:8px}.subtitle{margin-top:8px}}