<!doctype html>
<html lang="uk">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Адресу системи змінено</title>
<style>
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f172a;color:#e2e8f0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.card{max-width:600px;padding:40px 24px;text-align:center}
h1{font-size:26px;line-height:1.3;margin:0 0 24px}
.rowold{font-size:17px;color:#64748b;text-decoration:line-through;word-break:break-all}
.arrow{margin:10px 0;color:#64748b}
.rownew{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:20px;color:#38bdf8;word-break:break-all}
a.btn{display:inline-block;margin-top:28px;padding:14px 30px;background:#38bdf8;color:#0f172a;font-size:16px;font-weight:600;text-decoration:none;border-radius:8px}
.warn{margin-top:32px;font-size:15px;line-height:1.6;color:#f59e0b}
</style>
</head>
<body>
<div class="card">
<h1>Адресу системи відеоспостереження змінено</h1>
<div class="rowold">nvr.bps.maxlab.fun</div>
<div class="arrow">тепер</div>
<div class="rownew" id="newaddr">nvr.boiko.com.ua</div>
<a class="btn" id="go" href="https://nvr.boiko.com.ua/">Перейти на нову адресу</a>
<p class="warn">Будь ласка, оновіть закладку.<br>Стару адресу незабаром буде вимкнено.</p>
</div>
<script>
var p = window.location.pathname + window.location.search;
document.getElementById("go").href = "https://nvr.boiko.com.ua" + p;
if (p !== "/") { document.getElementById("newaddr").textContent = "nvr.boiko.com.ua" + p; }
</script>
</body>
</html>
