<div style="min-height:100vh; display:flex; align-items:center; justify-content:center; padding:40px">
  <div style="width:100%; max-width:380px">
    <div style="display:flex; align-items:center; gap:12px; margin-bottom:22px">
      <svg viewBox="0 0 44 44" fill="none" width="34" height="34"><path d="M33 12.5 A14 14 0 1 0 36.5 25" stroke="url(#g)" stroke-width="5.6" stroke-linecap="round"/><path d="M27.5 7 L36.8 10.6 L32.8 19 Z" fill="#78C03C"/><defs><linearGradient id="g" x1="6" y1="38" x2="38" y2="6" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0D172D"/><stop offset=".55" stop-color="#007D89"/><stop offset="1" stop-color="#78C03C"/></linearGradient></defs></svg>

      <span class="disp" style="font-weight:500; font-size:var(--fs-lg); background:linear-gradient(90deg,#0D172D,#007D89);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent">VOCTOS</span>
    </div>

    <h1 class="disp" style="font-size:var(--fs-xl); font-weight:400; letter-spacing:-.02em">Set a new password</h1>

    <div class="muted" style="margin:6px 0 22px; font-size:var(--fs-base)">Choose a strong password (at least 8 characters).</div>

    <% if (flash && flash.error.length) { %><div style="background:var(--neg-tint);color:var(--neg);font-size:var(--fs-base);font-weight:600;padding:10px 13px;border-radius:9px;margin-bottom:16px"><%= flash.error[0] %></div><% } %>
    <form method="POST" action="/reset/<%= token %>">

      <div style="margin-bottom:14px"><label for="reset-password" style="font-size:var(--fs-sm);font-weight:600;color:var(--muted);display:block;margin-bottom:7px">New password</label>

        <input id="reset-password" class="input" type="password" name="password" minlength="8" placeholder="••••••••••" required style="width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:var(--fs-base);color:var(--ink)"></div>
      <button class="btn btn-primary" style="width:100%; padding:12px" type="submit">Update password</button>
    </form>

    <div class="center" style="margin-top:18px; font-size:var(--fs-sm)"><a href="/login" style="color:var(--teal-600); font-weight:600">Back to sign in</a></div>
  </div>
</div>
