{% extends 'base.html' %}{% block title %}{{ 'Create account' if signup else 'Sign in' }} · Quantzy{% endblock %}{% block content %}<section class="auth-layout"><div><p class="eyebrow">{{ 'GET STARTED' if signup else 'WELCOME BACK' }}</p><h1>{{ 'A clearer way to manage your trading.' if signup else 'Welcome back. Find your focus.' }}</h1><p class="intro">{{ 'One account for your algos, broker and trading desk.' if signup else 'Your algos, broker and trading desk are together. Sign in to continue.' }}</p><div class="auth-art" aria-hidden="true"><span>Q</span><i>↗</i></div><div class="auth-benefits"><p><span>01</span> One broker account per user</p><p><span>02</span> Orders, positions and algo controls</p><p><span>03</span> Your own verified proxy connection</p></div><div class="note">Limited early access · Connection availability is checked before you start.</div></div><div class="panel"><p class="eyebrow">{{ "JOIN QUANTZY" if signup else "YOUR ACCOUNT" }}</p><h2>{{ 'Create your account' if signup else 'Sign in to Quantzy' }}</h2>{% if error %}<div role="alert" class="error">{{ error }}</div>{% endif %}{% if google_enabled %}<a class="button secondary full" href="/account/google">Continue with Google</a><p class="muted fine centered-divider">or use your email and password</p>{% endif %}<form method="post" class="stack" data-pending="{{ 'Creating account…' if signup else 'Signing in…' }}"><input type="hidden" name="csrf" value="{{ csrf_token() }}"><label>{{ 'Username' if signup else 'Username or email' }}<input name="username" autocomplete="username" required maxlength="{{ 32 if signup else 120 }}" {% if signup %}pattern="[a-zA-Z][a-zA-Z0-9_]{2,31}"{% endif %} value="{{ request.form.get('username','') }}" {% if signup %}aria-describedby="username-hint"{% endif %}></label>{% if signup %}<p class="muted fine" id="username-hint">3–32 characters. Start with a letter; use letters, numbers or underscores.</p>{% endif %}{% if signup %}<label>Email address<input type="email" name="email" required maxlength="120" autocomplete="email" value="{{ request.form.get('email','') }}"></label>{% endif %}<label for="account-password">Password</label><div class="password-field"><input id="account-password" type="password" name="password" required {% if signup %}minlength="12"{% endif %} maxlength="128" autocomplete="{{ 'new-password' if signup else 'current-password' }}"><button type="button" class="password-toggle" aria-label="Show password" aria-controls="account-password" aria-pressed="false">Show</button></div>{% if signup %}<p class="muted fine">Use at least 12 characters for your Quantzy password.</p><label>Confirm password<input type="password" name="confirm_password" required minlength="12" maxlength="128" autocomplete="new-password"></label>{% endif %}<button class="button full">{{ 'Create account' if signup else 'Sign in' }} <span>→</span></button></form><p class="muted fine">{% if signup %}Already registered? <a href="/account/login">Sign in</a>{% else %}New to Quantzy? <a href="/account/signup">Create an account</a>{% endif %}</p></div></section>{% endblock %}