.navbar{position:fixed;top:clamp(.75rem,1.6vw,1rem);left:50%;right:auto;width:min(calc(100% - 2rem),82rem);padding:.35rem clamp(1rem,2vw,1.6rem);border-radius:var(--radius-full);z-index:1000;background:rgba(19,19,19,.86);backdrop-filter:blur(18px) saturate(150%);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 60px rgba(0,0,0,.28);transform:translateX(-50%)}.mobile-fix{border-radius:1.5rem!important}.navbar-content{display:grid;grid-template-columns:minmax(64px,1fr) auto minmax(64px,1fr);align-items:center;gap:clamp(.75rem,2vw,1.5rem);min-height:76px}.logo{justify-self:start;margin:0;border-radius:var(--radius-sm);transition:var(--transition-base)}.logo a{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-lg)}.logo img{display:block;width:54px;height:54px;object-fit:contain}.logo:hover{background:var(--color-gray-100);transform:scale(1.02)}.nav-links{display:none;justify-self:center;align-items:center;gap:.35rem}.nav-links a{display:inline-flex;align-items:center;gap:6px;color:var(--color-gray-800);text-decoration:none;font-size:.9rem;padding:8px 12px;border-radius:8px;transition:all .2s}.nav-links a:hover{color:transparent;background:var(--gradient-primary);background-clip:text;background-size:400% 400%;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 2s ease infinite}.mobile-menu a:hover .nav-icon,.nav-links a:hover .nav-icon{color:var(--color-primary)}.cta{display:none;justify-self:end}.cta a,.cta button{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--color-foreground);width:54px;height:54px;padding:0;border:none;border-radius:var(--radius-full);transition:var(--transition-base)}.cta a:hover,.cta button:hover{color:var(--color-primary)}.mobile-menu-btn{display:block;justify-self:end}.mobile-menu-btn button{background:none;border:none;padding:8px;cursor:pointer;color:var(--color-text)}.mobile-menu{display:flex;gap:var(--spacing-xl);justify-content:space-between;background:transparent;border-top:1px solid rgba(255,255,255,.1);padding:var(--spacing-md);margin-top:.25rem}.mobile-menu a{display:flex;align-items:center;gap:6px;color:var(--color-text);text-decoration:none;font-size:1rem;padding:8px 12px;border-radius:8px;transition:all .2s}.mobile-menu a:hover{color:transparent;background:var(--gradient-primary);background-clip:text;background-size:400% 400%;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 2s ease infinite}.mobile-cta{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--color-foreground);border:none;margin-top:8px;padding:8px 24px;cursor:pointer;transition:all .2s;flex-grow:0}@media (min-width:768px){.nav-links{display:flex}.cta{display:block}.mobile-menu-btn{display:none}}@media (max-width:767px){.navbar{top:.5rem;width:min(calc(100% - 1rem),42rem);padding:.35rem .75rem}.navbar-content{grid-template-columns:auto 1fr auto;min-height:64px}.logo a{width:54px;height:54px}.logo img{width:48px;height:48px}.mobile-menu{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-md);padding:var(--spacing-md) 0 .25rem}}