.navbar { position: sticky; top: 0; z-index: 200; height: 56px; display: flex; align-items: center; justify-content: space-between; padding: 0 48px; background: rgba(13, 11, 8, 0.94); border-bottom: 1px solid var(--border); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } .navbar__logo { font-family: var(--font-title); font-size: 1.05rem; font-weight: 600; letter-spacing: 0.22em; color: var(--gold); text-transform: uppercase; } .navbar__links { display: flex; gap: 8px; list-style: none; } .navbar__links a { font-family: var(--font-title); font-size: 0.7rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-muted); padding: 6px 14px; transition: color 0.2s; position: relative; } .navbar__links a::after { content: ''; position: absolute; bottom: 0; left: 14px; right: 14px; height: 1px; background: var(--gold); transform: scaleX(0); transition: transform 0.25s ease; } .navbar__links a:hover { color: var(--gold); } .navbar__links a:hover::after { transform: scaleX(1); } .navbar__actions { display: flex; gap: 10px; } .btn-ghost { font-family: var(--font-title); font-size: 0.65rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-muted); padding: 7px 16px; border: 1px solid rgba(232, 220, 200, 0.15); transition: color 0.2s, border-color 0.2s; } .btn-ghost:hover { color: var(--text); border-color: rgba(232, 220, 200, 0.35); } .btn-cta { font-family: var(--font-title); font-size: 0.65rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold); padding: 7px 16px; border: 1px solid var(--gold-dim); background: var(--gold-faint); transition: background 0.2s, border-color 0.2s; } .btn-cta:hover { background: rgba(201, 168, 76, 0.18); border-color: var(--gold); }