<turbo-stream action="replace" target="signup-form"><template><turbo-frame id="signup-form"><div class='flex flex-col gap-[26px] rounded-[18px] border border-border bg-card px-[22px] py-7 sm:px-9 sm:pb-8 sm:pt-[38px]'>
<div class='flex flex-col gap-2'>
<div class='font-mono text-[11px] tracking-[0.18em] text-brand-gold'>CREATE ACCOUNT</div>
<h1 class='m-0 text-[28px] font-bold tracking-[-0.02em] text-primary'>Access Mach33 Research</h1>
<p class='m-0 text-[14.5px] leading-[1.55] text-muted-foreground'>Free tier includes weekly newsletter and briefs. Upgrade anytime for full analysis and models.</p>
</div>
<form class="flex flex-col gap-7" action="/signup" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W1-Sj3R2N5XOr9AaFbpAbR3V-ts0nhq85eh4fWv-AmlBn5Go3rNvTKBzBWmLhV8prqXWXmUyrOFvbhcH8qXHOQ" autocomplete="off" /><div class='grid grid-cols-1 gap-4 sm:grid-cols-2'>
<div class='flex flex-col gap-3'>
<label class="font-mono text-[11px] font-normal tracking-[0.14em] text-muted-foreground" for="user_first_name">FIRST NAME</label>
<div class='auth-field-control'>
<input class="h-full w-full rounded-[10px] border border-border bg-field px-4 pr-10 text-[15px] text-foreground placeholder:text-muted-foreground focus:border-brand-gold focus:outline-none focus:ring-0" placeholder="First name" autocomplete="given-name" required="required" type="text" name="user[first_name]" id="user_first_name" />
</div>
</div>
<div class='flex flex-col gap-3'>
<label class="font-mono text-[11px] font-normal tracking-[0.14em] text-muted-foreground" for="user_last_name">LAST NAME</label>
<div class='auth-field-control'>
<input class="h-full w-full rounded-[10px] border border-border bg-field px-4 pr-10 text-[15px] text-foreground placeholder:text-muted-foreground focus:border-brand-gold focus:outline-none focus:ring-0" placeholder="Last name" autocomplete="family-name" required="required" type="text" name="user[last_name]" id="user_last_name" />
</div>
</div>
</div>
<div class='flex flex-col gap-3'>
<label class="font-mono text-[11px] font-normal tracking-[0.14em] text-muted-foreground" for="user_email">EMAIL</label>
<div class='auth-field-control'>
<input class="h-full w-full rounded-[10px] border border-border bg-field px-4 pr-10 text-[15px] text-foreground placeholder:text-muted-foreground focus:border-brand-gold focus:outline-none focus:ring-0" placeholder="Email" autocomplete="email" required="required" type="email" name="user[email]" id="user_email" />
</div>
</div>
<div class='flex flex-col gap-3'>
<label class="font-mono text-[11px] font-normal tracking-[0.14em] text-muted-foreground" for="user_password">PASSWORD</label>
<div class='auth-field-control'>
<input class="h-full w-full rounded-[10px] border border-border bg-field px-4 pr-10 text-[15px] text-foreground placeholder:text-muted-foreground focus:border-brand-gold focus:outline-none focus:ring-0" placeholder="Password" autocomplete="new-password" required="required" minlength="8" type="password" name="user[password]" id="user_password" />
</div>
<span class='font-mono text-[10.5px] tracking-[0.08em] text-muted-foreground/70'>8+ CHARACTERS · 1 UPPERCASE · 1 NUMBER · 1 SYMBOL</span>
<div class="u-yajcztfmbs_1789809407"><style media="screen">.u-yajcztfmbs_1789809407 {position:absolute!important;height:1px;width:1px;overflow:hidden;}</style><label for="u-yajcztfmbs">If you are a human, ignore this field</label><input type="text" name="u-yajcztfmbs" id="u-yajcztfmbs" autocomplete="off" tabindex="-1" /><input type="hidden" name="spinner" value="de19d66ce5f306997b62e038dbb33f5f" autocomplete="off" /></div>
<button name="button" type="submit" class="mt-1.5 flex h-12 w-full cursor-pointer items-center justify-center rounded-[10px] border-0 bg-brand-gold text-[15px] font-bold text-primary-foreground transition-colors hover:bg-brand-gold-hover">Create account</button>
</div>
</form><div class='flex items-center gap-3.5'>
<div class='h-px flex-1 bg-border'></div>
<span class='font-mono text-[10px] tracking-[0.18em] text-muted-foreground'>OR</span>
<div class='h-px flex-1 bg-border'></div>
</div>
<div class='flex w-full flex-col gap-2.5'>
<form data-turbo="false" action="/auth/google_oauth2" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cNIqK66fPC8ZHicqdrAudehPZQUuiKwUaFVt3gHArjZpmAs_iOUOx-AnmMwv6mcZGxVT93RmEEqmt7gNpP-ydQ" autocomplete="off" /><button name="button" type="submit" class="flex h-12 w-full cursor-pointer items-center justify-center gap-3 rounded-[10px] border border-border bg-field text-[14.5px] font-semibold text-foreground transition-colors hover:border-muted-foreground/50"><img class="h-5 w-5" alt="" src="/assets/google-29eb6784.png" />
<span>Sign up with Google</span>
</button></form><form data-turbo="false" action="/auth/linkedin" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aWMKoOZt9rCotbzPnKPDwZicJF_WhRoqDvuBMzpAVusxe1N-AS5pxQs6rX8DGLlo1vJ8QrOeDNPqn1Vh0jtgNw" autocomplete="off" /><button name="button" type="submit" class="flex h-12 w-full cursor-pointer items-center justify-center gap-3 rounded-[10px] border border-border bg-field text-[14.5px] font-semibold text-foreground transition-colors hover:border-muted-foreground/50"><img class="h-5 w-[18px]" alt="" src="/assets/linkedin-d44f0150.png" />
<span>Sign up with LinkedIn</span>
</button></form></div>

<p class='m-0 border-t border-border pt-5 text-[12.5px] leading-[1.6] text-muted-foreground/70'>
By creating an account you agree to the <a class="font-semibold text-brand-gold transition-colors hover:text-brand-gold-hover" data-turbo-frame="_top" href="/terms-and-conditions">Terms</a> and <a class="font-semibold text-brand-gold transition-colors hover:text-brand-gold-hover" data-turbo-frame="_top" href="/privacy-policy">Privacy Policy</a>.
</p>
</div>
</turbo-frame>
<div id='flash-messages'>
</div>

</template></turbo-stream>