Centered card sign-up

Create a centered sign-up card with Tailwind CSS on a soft neutral background. The card is max-w-md, rounded-2xl, with a shadow and a thin border. Include a title, a subtitle with a "Sign in" link, full name / email / password fields, a small password hint, a full-width gradient-free dark submit button, and a legal line about Terms and Privacy at the bottom. Keep spacing generous and inputs comfortable.

<div class="flex min-h-screen items-center justify-center bg-neutral-100 p-6">
  <div class="w-full max-w-md rounded-2xl border border-neutral-200 bg-white p-8 shadow-sm">
    <h1 class="text-xl font-semibold text-neutral-900">Create your account</h1>
    <p class="mt-1 text-sm text-neutral-500">
      Already have one? <a href="#" class="font-medium text-neutral-900 hover:underline">Sign in</a>
    </p>
    <form class="mt-6 space-y-4">
      <input placeholder="Full name" class="w-full rounded-xl border border-neutral-200 px-3.5 py-2.5 text-sm outline-none focus:border-neutral-900 focus:ring-4 focus:ring-neutral-900/10" />
      <input type="email" placeholder="Email" class="w-full rounded-xl border border-neutral-200 px-3.5 py-2.5 text-sm outline-none focus:border-neutral-900 focus:ring-4 focus:ring-neutral-900/10" />
      <div>
        <input type="password" placeholder="Password" class="w-full rounded-xl border border-neutral-200 px-3.5 py-2.5 text-sm outline-none focus:border-neutral-900 focus:ring-4 focus:ring-neutral-900/10" />
        <p class="mt-1.5 text-xs text-neutral-400">Use 8 or more characters with a mix of letters and numbers.</p>
      </div>
      <button class="w-full rounded-xl bg-neutral-900 py-2.5 text-sm font-medium text-white transition hover:bg-neutral-800">Create account</button>
    </form>
    <p class="mt-6 text-center text-xs leading-relaxed text-neutral-400">
      By continuing you agree to our <a href="#" class="underline">Terms</a> and <a href="#" class="underline">Privacy Policy</a>.
    </p>
  </div>
</div>