School of Gains · Presented by PaperGains

Code input

6-digit one-time code entry, matching the portal's passwordless sign-in.

otp

Enter the 6-digit code

Didn't get it? Resend code

View HTML

<div class="sog-field">
  <label class="sog-label">Enter the 6-digit code</label>
  <div class="sog-code" role="group" aria-label="One-time code">
    <input inputmode="numeric" maxlength="1" value="4"/><input inputmode="numeric" maxlength="1" value="8"/><input inputmode="numeric" maxlength="1" value="2"/><input inputmode="numeric" maxlength="1"/><input inputmode="numeric" maxlength="1"/><input inputmode="numeric" maxlength="1"/>
  </div>
  <span class="sog-help">Didn't get it? <a class="sog-link" href="#">Resend code</a></span>
</div>

sign-in panel

Sign in or join free

We'll email you a 6-digit code. No passwords, ever.

Your email

View HTML

<div class="sog-card" style="max-width:400px;display:grid;gap:16px">
  <h3 class="sog-h3" style="font-size:26px">Sign in or join free</h3>
  <p class="sog-muted" style="margin:0;font-size:14px">We'll email you a 6-digit code. No passwords, ever.</p>
  <div class="sog-field"><label class="sog-label">Your email</label><input class="sog-input" placeholder="you@example.com"/></div>
  <button class="sog-btn sog-btn--primary sog-btn--block">Email me a code</button>
  <div class="sog-divider">or</div>
  <button class="sog-btn sog-btn--discord sog-btn--block">Continue with Discord</button>
</div>