<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>RemoteMatch Installed</title>
    <style>
        body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 8% 0,rgba(20,184,166,.18),transparent 28rem),linear-gradient(180deg,#f8fdff,#eef9fb);color:#0f172a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
        .card{width:min(92vw,760px);border:1px solid #dbe7ef;border-radius:32px;background:rgba(255,255,255,.94);padding:34px;box-shadow:0 26px 78px rgba(15,23,42,.12)}
        .badge{display:inline-flex;border:1px solid #99f6e4;border-radius:999px;background:#ecfdf5;padding:8px 12px;color:#047857;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
        h1{margin:18px 0 0;font-size:clamp(34px,6vw,58px);line-height:1.03;letter-spacing:-.055em}
        p{color:#64748b;line-height:1.7}
        .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
        a{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border-radius:999px;padding:0 20px;text-decoration:none;font-weight:800}
        .primary{background:#08111f;color:#fff;box-shadow:0 18px 40px rgba(15,23,42,.18)}
        .secondary{border:1px solid #dbe7ef;background:#fff;color:#334155}
    </style>
</head>
<body>
    <main class="card">
        <span class="badge">Installation complete</span>
        <h1>RemoteMatch is ready.</h1>
        <p>The installer is now locked. Log in to the admin panel, finish third-party settings, configure job sources, and run the system health check before production traffic.</p>
        <div class="actions">
            <a href="/admin" class="primary">Open Admin Panel</a>
            <a href="/" class="secondary">View Homepage</a>
        </div>
    </main>
</body>
</html>
