:root{
  --nav-bg: #0b1220;
  --nav-text: #e5e7eb;
  --nav-accent: #60a5fa;
  --nav-border: rgba(255,255,255,0.08);
  --container-w: 1100px;
}
.g-container{max-width:var(--container-w);margin:0 auto;padding:0 16px;box-sizing:border-box}
.g-nav{position:sticky;top:0;z-index:50;background:var(--nav-bg);color:var(--nav-text);border-bottom:1px solid var(--nav-border)}
.g-nav__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;height:56px}
.g-brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}
.g-brand a{color:var(--nav-text);text-decoration:none}
.g-nav__links{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.g-link{color:var(--nav-text);text-decoration:none;opacity:.9;font-weight:600}
.g-link:hover{opacity:1;color:#fff;text-decoration:underline}
.g-link--accent{color:var(--nav-accent)}
@media (max-width: 640px){
  .g-nav__inner{height: auto; padding: 10px 0; flex-direction: column; align-items: stretch}
  .g-nav__links{gap:10px}
}