<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>{{ BRAND_NAME }} · Sign in</title>
  <script>
    (function() {
      try { document.documentElement.dataset.theme = localStorage.getItem('cassandra.theme') || 'light'; }
      catch (e) { document.documentElement.dataset.theme = 'light'; }
    })();
  </script>
  <link rel="stylesheet" href="{{ url_for('static', path='/css/tokens.css') }}?v={{ ASSET_VERSION }}" />
  <link rel="stylesheet" href="{{ url_for('static', path='/css/layout.css') }}?v={{ ASSET_VERSION }}" />
  <link rel="stylesheet" href="{{ url_for('static', path='/css/auth.css') }}?v={{ ASSET_VERSION }}" />
</head>
<body>
<div class="auth-shell">
  <div class="auth-card">
    <div class="auth-card__brand">{{ BRAND_NAME }}</div>
    <div class="auth-card__hint">sign in with email</div>

    {% if referrer_present %}
    <div class="auth-info auth-info--invited">
      <strong>You've been invited.</strong>
      When you subscribe, you and your friend both get
      <strong>50% off for 3 months</strong>. Sign up below to lock it in.
    </div>
    {% endif %}

    <p class="auth-card__lede">
      Enter your email and we'll send you a 6-digit code. No password.
      First-time visitors get an account; returning visitors get a sign-in.
    </p>

    {% if error %}<div class="auth-error">{{ error }}</div>{% endif %}

    <form method="post" action="/login" autocomplete="on">
      <input type="hidden" name="next" value="{{ next_path or '/' }}">
      {% if ref %}<input type="hidden" name="ref" value="{{ ref }}">{% endif %}
      <label>Email
        <input type="email" name="email" value="{{ email or '' }}" required autofocus>
      </label>
      <button type="submit">Send code</button>
    </form>

    <p class="auth-card__legal" style="margin-top:18px; font-size:11px; color: var(--muted); line-height:1.6;">
      By signing in you agree to our
      <a href="/terms">Terms</a> and
      <a href="/privacy">Privacy notice</a>, and confirm you&rsquo;ve read
      the <a href="/disclaimer">financial disclaimer</a>.
    </p>
  </div>
</div>
</body>
</html>
