<%- include('../partials/head') %>
<body class="bg-blobs relative min-h-screen flex">
  <%- include('../partials/flash') %>

  <!-- Left brand panel -->
  <div class="hidden lg:flex relative z-10 w-1/2 flex-col justify-between p-12 border-r border-white/5">
    <a href="/" class="flex items-center gap-3">
      <div class="grid h-11 w-11 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" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-gold-300"><path d="m22 7-8.5 8.5-5-5L2 17"/><path d="M16 7h6v6"/></svg>
      </div>
      <div>
        <div class="text-lg font-semibold tracking-wide font-display">TRADER REBAHAN</div>
        <div class="text-xs text-muted">Expert Advisor Ecosystem</div>
      </div>
    </a>

    <div>
      <h2 class="text-4xl font-display font-semibold leading-tight">
        EA teruji, laporan jelas,
        <span class="text-gold-300">akses member lengkap.</span>
      </h2>
      <p class="mt-4 text-muted max-w-md leading-relaxed">
        Beli EA, akses akun pantau, backtest, tutorial, dan download EA — semua dalam satu dashboard profesional.
      </p>
      <div class="mt-8 grid grid-cols-3 gap-3 max-w-md">
        <div class="stat"><div class="stat-label">EA Premium</div><div class="stat-value text-gold-300">20+</div></div>
        <div class="stat"><div class="stat-label">Akun Pantau</div><div class="stat-value">Real</div></div>
        <div class="stat"><div class="stat-label">Akses</div><div class="stat-value">24/7</div></div>
      </div>
    </div>

    <div class="text-xs text-muted-2">© <%= new Date().getFullYear() %> Trader Rebahan. Trading involves risk.</div>
  </div>

  <!-- Right form panel -->
  <div class="relative z-10 w-full lg:w-1/2 flex items-center justify-center p-6 lg:p-12">
    <div class="w-full max-w-md">
      <%- body %>
    </div>
  </div>

  <script src="/js/app.js"></script>
</body>
</html>
