<a wire:navigate href="{{ url('index') }}" class="d-block auth-logo">
    <div class="logo">
        <span class="logo-the">the</span>
        <span class="logo-claim">claim</span>
        <span class="logo-system">system</span>
    </div>
</a>
<style>
    @import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');

    .logo {
        font-family: 'Lato', sans-serif;
        font-size: 2rem;
        font-weight: 600;
        letter-spacing: 0.02em;
        text-transform: lowercase;
        display: inline-flex;
        align-items: center;
        gap: 0.15em;
    }

    .logo-the,
    .logo-system {
        color: #000;
    }

    .logo-claim {
        color: #e10600; /* classy, punchy red */
    }

</style>