.navbar{background:var(--bg1);padding:var(--u-md) var(--u-2xl);display:flex;justify-content:space-between;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.3)}.nav-left{flex-direction:row}.nav-left,.nav-right{display:flex;align-items:center;gap:var(--u-md)}.nav-links{display:flex;gap:var(--u-2xl);align-items:center}.nav-links a{color:white;text-decoration:none;font-size:var(--font-xs);font-weight:500;transition:color .3s ease}.nav-links a:hover{color:#09ffef}.brand-container{display:flex;align-items:center;flex-direction:row;gap:var(--u-md);text-decoration:none}.logo-container{width:100px;height:auto;display:flex;align-items:center}.brand-text{color:var(--fg1)}.brand-text,.nav-brand h2{font-size:var(--font-xl);font-weight:700}.nav-brand h2{color:#0978ff;margin:0}.nav-brand a{text-decoration:none}.nav-auth{display:flex;gap:var(--u-xl)}.nav-auth button{padding:var(--u-md) var(--u-xl);border-radius:var(--radius-2xl);font-weight:600;cursor:pointer;transition:all .3s ease}.nav-auth button a{text-decoration:none;color:inherit}.username{color:var(--fg1)}.logged-in-label{color:var(--fg4);font-size:var(--font-xs)}@media (prefers-color-scheme:dark){.navbar{box-shadow:none;border-bottom:1px solid var(--fg4)}}