{% extends "base.html" %}
{% block content %}
<div class="card" style="max-width:440px;margin:40px auto">
  <h2>Unlock Vault</h2>
  <p class="muted" style="margin-top:-6px">
    Protected by <span class="tierpill">{{ tier.name }}</span>.
    Enter your passphrase to derive the decryption key.
  </p>
  <form method="post" action="{{ url_for('unlock') }}">
    <div class="row">
      <label for="passphrase">Passphrase</label>
      <input type="password" id="passphrase" name="passphrase" autocomplete="current-password" autofocus>
      <div class="hint">Input is masked. The passphrase is not logged or transmitted.</div>
    </div>
    <button class="btn" type="submit">Unlock</button>
  </form>
</div>
{% endblock %}