:root{--bg: #07090f;--bg2: #05070c;--panel: #0b0f1a;--panel2: #090d17;--text: #e7ecff;--muted: #9aa6c7;--faint: #6b7696;--line: #1b2542;--hot: #7cffb2;--cold: #6aa6ff;--warn: #ffd166;--bad: #ff4d6d;--shadow: 0 0 0 1px rgba(231, 236, 255, .06), 0 18px 50px rgba(0, 0, 0, .55);--maxw: 1800px;--lh: 1.65;--fs: 14px;--fs-sm: 12px;--fs-lg: 16px;--fs-xl: 24px;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", sans-serif;--focus: 0 0 0 2px var(--cold), 0 0 0 4px rgba(106, 166, 255, .25)}*{box-sizing:border-box;border-radius:0!important}html,body{height:100%;margin:0;overflow-x:hidden}body{font:var(--fs)/var(--lh) var(--sans);background:radial-gradient(1200px 800px at 15% 0%,rgba(124,255,178,.08),transparent 60%),radial-gradient(1200px 800px at 90% 5%,rgba(106,166,255,.08),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg2) 70%);color:var(--text)}a{color:inherit;text-decoration:none}a:hover{color:var(--hot)}.topbar{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#0b0f1aeb,#07090fb3);border-bottom:1px solid rgba(27,37,66,.9);box-shadow:0 4px 20px #0006}.toprow{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:var(--maxw);margin:0 auto;padding:14px 20px}.container{max-width:var(--maxw);margin:0 auto;padding:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:18px;margin-top:20px}.panel{border:1px solid rgba(27,37,66,.85);background:linear-gradient(180deg,#0b0f1af2,#090d17cc);box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.panel:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #e7ecff1a,0 24px 60px #000000a6}.panel-header{border-bottom:1px solid rgba(27,37,66,.75);padding:14px 16px;display:flex;gap:12px;align-items:center;justify-content:space-between}.panel-header h3{margin:0;font:900 14px/1.2 var(--mono);letter-spacing:1px;color:var(--text)}.badge{border:1px solid rgba(27,37,66,.8);padding:5px 8px;font:700 10px/1 var(--mono);letter-spacing:.6px;color:var(--muted);background:#0b0f1a99}.badge.active{border-color:#7cffb273;color:var(--hot);background:#7cffb214}.badge.inactive{border-color:#ff4d6d59;color:var(--bad)}.service-card{display:flex;gap:12px;padding:12px;border-top:1px solid rgba(27,37,66,.5);align-items:flex-start;transition:background .15s ease}.service-icon{width:42px;height:42px;min-width:42px;border:1px solid rgba(27,37,66,.8);background:repeating-linear-gradient(45deg,rgba(106,166,255,.12) 0px,rgba(106,166,255,.12) 1px,transparent 1px,transparent 4px);display:flex;align-items:center;justify-content:center;font:900 16px/1 var(--mono);color:var(--cold)}.service-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid rgba(27,37,66,.8);color:var(--muted);padding:6px 10px;font:700 10px/1 var(--mono);cursor:pointer;transition:all .15s ease}.service-btn.launch{border-color:#7cffb259;color:var(--hot)}.service-btn:hover{border-color:#6aa6ff73;color:var(--cold);background:#6aa6ff0f}.tabs{display:flex;gap:2px;border-bottom:1px solid rgba(27,37,66,.75);margin-bottom:16px}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);padding:10px 16px;font:700 11px/1 var(--mono);letter-spacing:.8px;cursor:pointer;transition:all .15s ease}.tab:hover{color:var(--text);background:#6aa6ff0a}.tab.active{color:var(--hot);border-bottom-color:var(--hot);background:#7cffb20f}footer{margin-top:40px;padding:20px;border-top:1px solid rgba(27,37,66,.7);text-align:center;color:var(--faint);font-family:var(--mono);font-size:10px;letter-spacing:.6px}.pill{border:1px solid var(--line);padding:4px 8px;font-size:12px;color:var(--muted)}.pillOk{border-color:#41ff9a59;color:var(--hot)}.pillBad{border-color:#ff3b5759;color:var(--bad)}.btn{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);padding:8px 10px;background:#0a122059;cursor:pointer;font-family:var(--mono);color:var(--text)}.btn:hover{border-color:#41ff9a73;color:var(--hot)}
