<footer class="bg-blue-800 text-white">
    <div class="max-w-7xl mx-auto px-6 py-4 flex flex-wrap justify-between items-center text-sm">
        <div class="flex items-center gap-x-6 gap-y-2 flex-wrap">
            <span>FinMox © 2025</span>
            <a href="#" class="hover:underline">Security & Privacy</a>
            <span class="hidden md:inline">Human‑reviewed outputs</span>
            <span class="hidden md:inline">No automated hiring decisions</span>
            <span class="hidden md:inline">Built for intentional hiring</span>
        </div>
        <div class="flex items-center gap-4 mt-2 md:mt-0">
            <a href="apply.php" class="bg-white text-blue-600 px-4 py-2 rounded-md font-semibold hover:bg-gray-100">Apply</a>
            <a href="login.php" class="bg-transparent border border-white text-white px-4 py-2 rounded-md font-semibold hover:bg-white hover:text-blue-600">Sign In</a>
        </div>
    </div>
</footer>