<div class="lg:hidden mb-8 flex items-center gap-3">
  <div class="grid h-10 w-10 place-items-center rounded-2xl border border-gold-300/25 bg-gradient-to-br from-gold-300/20 to-gold-500/5">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="h-5 w-5 text-gold-300"><path d="m22 7-8.5 8.5-5-5L2 17"/><path d="M16 7h6v6"/></svg>
  </div>
  <span class="font-display font-semibold">TRADER REBAHAN</span>
</div>

<h1 class="text-3xl font-display font-semibold">Daftar Member</h1>
<p class="text-muted mt-2 text-sm leading-relaxed">Buat akun untuk membeli EA. Kode verifikasi akan dikirim ke email Anda.</p>

<form action="/auth/register" method="post" class="mt-7 space-y-4">
  <div>
    <label class="text-sm text-muted">Nama Lengkap</label>
    <input type="text" name="name" class="input mt-2" required autofocus />
  </div>
  <div>
    <label class="text-sm text-muted">Email</label>
    <input type="email" name="email" class="input mt-2" required />
    <div class="text-xs text-muted-2 mt-1.5">Pakai email aktif — kode verifikasi akan dikirim ke sini.</div>
  </div>
  <div class="grid sm:grid-cols-2 gap-3">
    <div>
      <label class="text-sm text-muted">No. WhatsApp</label>
      <input type="tel" name="phone" class="input mt-2" placeholder="08xxxx" inputmode="numeric" />
    </div>
    <div>
      <label class="text-sm text-muted">Username Telegram</label>
      <input type="text" name="telegram" class="input mt-2" placeholder="@username" />
    </div>
  </div>
  <div>
    <label class="text-sm text-muted">Akun Broker (opsional)</label>
    <input type="text" name="broker_account" class="input mt-2" placeholder="Exness 1234567" />
  </div>
  <div>
    <label class="text-sm text-muted">Password (min. 6 karakter)</label>
    <input type="password" name="password" class="input mt-2" required minlength="6" />
  </div>
  <div>
    <label class="text-sm text-muted">Konfirmasi Password</label>
    <input type="password" name="password_confirm" class="input mt-2" required minlength="6" />
  </div>

  <div class="card-soft p-3 text-xs text-muted leading-relaxed flex gap-2.5">
    <span class="text-gold-300 shrink-0">🔒</span>
    <span>Setelah daftar, Anda akan diminta verifikasi email dengan kode 6 digit untuk keamanan akun.</span>
  </div>

  <button class="btn btn-gold w-full h-12 rounded-full">Daftar & Kirim Kode</button>
</form>

<div class="mt-7 text-center text-sm text-muted">
  Sudah punya akun? <a href="/auth/login" class="text-gold-300 hover:text-gold-200 font-medium">Masuk</a>
</div>
