{% extends "base.html" %}
{% block content %}
<section class="max-w-3xl mx-auto mt-10">
  <div class="glass rounded-2xl p-8 shadow-xl ring-1 ring-white/10">
    <h1 class="text-2xl font-semibold mb-2">Lookup sign code by address or GPS</h1>
    <p class="opacity-80 mb-6">iOS-inspired interface with AI-powered summaries.</p>
    <form method="post" action="/signcodescout/lookups/">
      <div class="flex gap-3">
        <input name="query" placeholder="123 Main St, Springfield, IL or 38.56, -90.97"
               class="flex-1 px-4 py-3 rounded-xl bg-white/5 ring-1 ring-white/10 focus:outline-none focus:ring-2 focus:ring-white/30" />
        <button class="px-5 py-3 rounded-xl bg-white text-black font-semibold hover:opacity-90">Search</button>
      </div>
    </form>
  </div>
</section>
{% endblock %}