ANM Wallet Safety Checklist

<main class="wrap">
  <header class="head">
    <span class="eyebrow">Animica · Wallet Safety</span>
    <h1>ANM Wallet Safety Checklist</h1>
    <p class="lede">
      A short, friendly walk-through of the habits that keep your ANM safe.
      Work through it at your own pace — check off what you already do, and open
      any item for a plain-language tip. Nothing here touches your wallet or
      leaves this page.
    </p>
  </header>

  <section class="card progress-card" aria-live="polite">
    <div class="progress-top">
      <span class="progress-label">Your progress</span>
      <span class="progress-count"><span id="done">0</span> of <span id="total">0</span></span>
    </div>
    <div class="bar" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" aria-label="Checklist progress">
      <div class="bar-fill" id="bar-fill"></div>
    </div>
    <p class="progress-note" id="progress-note">Take your time — every checked item is one less thing to worry about.</p>
  </section>

  <section class="card">
    <ul class="list" id="list"></ul>
  </section>

  <section class="card reassure">
    <h2 class="h2">You've got this</h2>
    <p>
      Good wallet safety is mostly a handful of small, repeatable habits. You do
      not need to be a security expert — you just need to slow down for the few
      moments that matter: before you paste an address, before you approve a
      transaction, and before you type your seed phrase anywhere.
    </p>
    <p class="note">
      Educational only. This checklist can't see or change your wallet, keys, or
      balances, and nothing here is sent anywhere. It's guidance you apply
      yourself.
    </p>
  </section>

  <footer class="foot">Powered by Animica</footer>
</main>