<% content_for :title, t(".title") %>

<div class="flex items-center justify-center h-full p-4 sm:p-6 lg:p-8">
  <div class="w-full max-w-md sm:max-w-lg lg:max-w-2xl">
    <div class="bg-container border border-primary rounded-xl p-6 sm:p-8 shadow-sm">
      <div class="text-center">
        <h1 class="text-xl sm:text-2xl font-bold text-primary mb-4"><%= t(".heading") %></h1>
        <p class="text-sm sm:text-base text-subdued"><%= t(".placeholder") %></p>
      </div>
    </div>
  </div>
</div>
