@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap');
:root{--hb-cyan:#22d3ee;--hb-violet:#8b5cf6;--hb-amber:#f59e0b;--hb-ink:#070a12}
.hb-platform-bar,.hb-platform-footer,.hb-platform-dialog{font-family:Inter,system-ui,sans-serif;color:#e2e8f0;background:linear-gradient(125deg,#070a12,#10122b);box-sizing:border-box}
.hb-platform-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 20px;border-bottom:1px solid #22d3ee55;position:relative;z-index:20}
.hb-platform-brand{display:flex;align-items:center;gap:10px;color:#f8fafc;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.08em}
.hb-platform-brand img{width:150px;height:46px;object-fit:contain;filter:drop-shadow(0 0 8px #8b5cf655)}
.hb-platform-dialog [hidden]{display:none!important}
.hb-platform-apps{border:1px solid #22d3ee44;border-radius:8px;padding:10px;margin:12px 0;font:11px Inter,system-ui,sans-serif}.hb-platform-apps summary{cursor:pointer;min-height:30px;color:#67e8f9}.hb-platform-apps .hb-platform-links{display:grid;gap:8px}.hb-platform-apps a{color:#cbd5e1;display:block;min-height:36px;padding:8px;border:1px solid #94a3b833;border-radius:6px;text-decoration:none}.hb-platform-apps a:hover{border-color:#22d3ee;color:#67e8f9}
.hb-platform-brand span{display:block}.hb-platform-brand small{display:block;margin-top:5px;font:9px 'JetBrains Mono',monospace;color:#a5c5dc;letter-spacing:.04em}
.hb-platform-bar .hb-platform-links,.hb-platform-footer nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.hb-platform-bar a,.hb-platform-bar button,.hb-platform-footer a{transition:color .2s,border-color .2s,transform .2s}
.hb-platform-bar .hb-platform-links a,.hb-platform-bar button,.hb-platform-footer nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #94a3b844;border-radius:9px;color:#cbd5e1;background:#0f172a;text-decoration:none;font:500 12px Inter,system-ui,sans-serif;cursor:pointer}
.hb-platform-bar .hb-platform-links a:hover,.hb-platform-bar button:hover,.hb-platform-footer nav a:hover{border-color:#22d3ee;color:#67e8f9;transform:translateY(-2px)}
.hb-platform-bar :focus-visible,.hb-platform-footer :focus-visible,.hb-platform-dialog :focus-visible{outline:2px solid #f59e0b;outline-offset:3px}
.hb-platform-footer{padding:24px 20px;border-top:1px solid #8b5cf655;display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;font-size:12px}
.hb-platform-footer strong{display:block;color:#67e8f9;letter-spacing:.08em}.hb-platform-footer small{display:block;margin:8px 0;color:#94a3b8}
.hb-platform-dialog{width:min(620px,calc(100vw - 24px));max-height:85dvh;overflow:auto;border:1px solid #22d3ee88;border-radius:16px;padding:24px;box-shadow:0 20px 100px #000a}.hb-platform-dialog::backdrop{background:#020617cc}
.hb-platform-dialog form{display:grid;gap:12px}.hb-platform-dialog label{display:grid;gap:6px}.hb-platform-dialog input,.hb-platform-dialog textarea,.hb-platform-dialog select{width:100%;box-sizing:border-box;min-height:44px;padding:10px;background:#0f172a;color:#f8fafc;border:1px solid #64748b;border-radius:8px;font:14px Inter,system-ui,sans-serif}.hb-platform-dialog button{min-height:44px;padding:10px;border:1px solid #22d3ee88;border-radius:8px;background:#10263a;color:#e2e8f0;cursor:pointer}.hb-platform-dialog output{display:block;white-space:pre-wrap;overflow-wrap:anywhere;max-height:42dvh;overflow:auto;line-height:1.6}.hb-platform-dialog [role=status]{color:#a5c5dc}.hb-platform-dialog h2{font-size:21px}
.hb-platform-cyber{background:#070a12;color:#e2e8f0;font-family:Inter,system-ui,sans-serif}.hb-platform-cyber>header:not(.hb-platform-bar){background:radial-gradient(ellipse at top right,#8b5cf622,transparent),#09121e}.hb-platform-cyber .card{border-color:#22d3ee44;background:linear-gradient(135deg,#0b1c2b,#111329);transition:border-color .2s,box-shadow .2s}.hb-platform-cyber .card:hover{border-color:#22d3ee88;box-shadow:0 8px 25px #8b5cf611}.hb-platform-cyber pre{max-width:100%;overflow:auto}
@media(max-width:600px){.hb-platform-bar{padding:10px;gap:8px}.hb-platform-bar .hb-platform-links{width:100%;gap:6px}.hb-platform-bar .hb-platform-links a,.hb-platform-bar button{flex:1;font-size:11px;padding:8px}.hb-platform-footer{padding:20px 12px}.hb-platform-brand{font-size:11px}.hb-platform-dialog{padding:18px}}
@media(prefers-reduced-motion:reduce){.hb-platform-bar *,.hb-platform-footer *,.hb-platform-cyber .card{transition:none!important}}