:root {
  --ink:#07080e;--ink2:#0c0e18;--ink3:#111422;--ink4:#171b2e;
  --a:#39ff14;--b:#c45cf5;--c:#38d9f5;--ok:#3ddc84;--err:#ff4560;--warn:#ffc947;
  --w:#f0f2ff;--w2:rgba(240,242,255,0.6);--w3:rgba(240,242,255,0.28);--w4:rgba(240,242,255,0.07);
  --line:rgba(255,255,255,0.06);
  --fd:'Barlow Condensed',sans-serif;--fb:'Inter',sans-serif;--fm:'JetBrains Mono',monospace;
  --tb-nav-h:64px;
}
#tb-nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--tb-nav-h);
  display:flex;align-items:center;justify-content:space-between;padding:0 60px;
  background:rgba(7,8,14,0.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);}
#tb-nav::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--a),var(--b),transparent);opacity:0.35;}
.tb-nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;}
.tb-nav-logo{width:30px;height:30px;border:1px solid var(--a);border-radius:5px;
  display:flex;align-items:center;justify-content:center;color:var(--a);
  box-shadow:0 0 10px rgba(57,255,20,0.2);}
.tb-nav-logo svg{width:15px;height:15px;}
.tb-nav-name{font-family:var(--fd);font-weight:800;font-size:18px;letter-spacing:.06em;color:var(--w);}
.tb-nav-links{display:flex;align-items:center;gap:28px;}
.tb-nav-links a{font-family:var(--fm);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--w3);text-decoration:none;transition:color .2s;}
.tb-nav-links a:hover{color:var(--w);}
.tb-nav-user{display:flex;align-items:center;gap:10px;}
.tb-nav-btn{padding:7px 18px;background:var(--a);border-radius:4px;font-family:var(--fd);
  font-weight:700;font-size:13px;letter-spacing:.08em;color:var(--ink);text-decoration:none;
  transition:all .2s;}
.tb-nav-btn:hover{box-shadow:0 0 16px rgba(57,255,20,0.35);transform:translateY(-1px);}
.tb-nav-btn-outline{padding:7px 18px;background:transparent;border:1px solid rgba(255,255,255,0.12);
  border-radius:4px;font-family:var(--fd);font-weight:700;font-size:13px;letter-spacing:.08em;
  color:var(--w2);text-decoration:none;transition:all .2s;}
.tb-nav-btn-outline:hover{border-color:rgba(255,255,255,0.28);color:var(--w);}
@media(max-width:768px){#tb-nav{padding:0 20px;}.tb-nav-links{display:none;}}