*{box-sizing:border-box;margin:0;padding:0}:root{--cyan:#00ffff;--purple:#bf00ff;--pink:#ff00aa;--dark:#0a0a0f;--dark2:#0f0f1a;--dark3:#1a0030;--text:#e0e0e0;--text-dim:#888;--online:#00ff88;--offline:#ff3355;--slow:#ffaa00}body,html{background:var(--dark);color:var(--text);font-family:Courier New,Courier,monospace;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--purple);border-radius:3px}.neon-cyan{color:var(--cyan);text-shadow:0 0 10px var(--cyan)}.neon-purple{color:var(--purple);text-shadow:0 0 10px var(--purple)}.neon-pink{color:var(--pink);text-shadow:0 0 10px var(--pink)}.card{background:var(--dark2);border:1px solid var(--purple);border-radius:8px;padding:1.25rem;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--cyan);box-shadow:0 0 16px rgba(0,255,255,.15)}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.dot.online{background:var(--online);box-shadow:0 0 6px var(--online)}.dot.offline{background:var(--offline);box-shadow:0 0 6px var(--offline)}.dot.slow{background:var(--slow);box-shadow:0 0 6px var(--slow)}.dot.unknown{background:var(--text-dim)}.btn{display:inline-block;padding:8px 20px;border:1px solid var(--cyan);color:var(--cyan);background:transparent;font-family:Courier New,monospace;font-size:.85rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:all .2s;border-radius:4px}.btn:hover{background:var(--cyan);color:#000;box-shadow:0 0 12px var(--cyan)}