<svg fill="none" viewBox="0 0 600 60" width="600" height="60" xmlns="http://www.w3.org/2000/svg">
  <foreignObject width="100%" height="100%">
    <div xmlns="http://www.w3.org/1999/xhtml">
        <style>
            .top-bar {
                padding-bottom: 5px;
                background-color: transparent;
                border-bottom: #dfe4ea 1px solid;
            }
            .top-bar .in-bar-title {
                background-image: linear-gradient(45deg, #8B5FBF, #D6C6E1, #ffffff);
                -webkit-background-clip: text;
                background-clip: text;
                -webkit-text-fill-color: transparent;
                font-family: Gelion, "Open Sans";
                font-size: 2rem;
                font-weight: bold;
                text-align: left;
                display: block;
            }
            .top-bar .in-bar-subtitle {
                font-family: 'Crimson Pro';
                color: #878787;
                font-size: 1rem;
                margin-top: -5px;
                display: block;
                text-align: left;
            }
        </style>

        <div class="top-bar">
            <div class="top-bar-left">
                <span class="in-bar-title">
                    AI Research Assistant
                    <a href="https://github.com/paradoxtown/ai_research_assistant">
                        <i class="fab fa-github" style="font-size:22px;"></i>
                    </a>
                </span>
                <span class="in-bar-subtitle">Your personal free GPT researcher</span>
            </div>
        </div>
    </div>
  </foreignObject>
</svg>