﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    
    <link rel="icon" type="image/x-icon" href="/favicon.ico">
    <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="192x192" href="/icons/icon-192.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png">
    <link rel="manifest" href="/manifest.webmanifest">
    <meta name="theme-color" content="#667eea">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Страница не найдена | Linkpuff</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-align: center;
            padding: 20px;
        }

        .container {
            background: rgba(255, 255, 255, 0.1);
            padding: 60px 40px;
            border-radius: 24px;
            backdrop-filter: blur(10px);
        }

        h1 {
            font-size: 6rem;
            margin-bottom: 16px;
            opacity: 0.9;
        }

        h2 {
            font-size: 1.5rem;
            margin-bottom: 16px;
            font-weight: 400;
        }

        p {
            opacity: 0.8;
            margin-bottom: 32px;
        }

        .btn {
            display: inline-block;
            padding: 14px 32px;
            background: white;
            color: #667eea;
            text-decoration: none;
            border-radius: 8px;
            font-weight: 600;
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
        }
    </style>
    
    <!-- Yandex.Metrika counter -->
    <script type="text/javascript">
        (function(m,e,t,r,i,k,a){
            m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
            m[i].l=1*new Date();
            for(var j=0;j<document.scripts.length;j++){if(document.scripts[j].src===r){return;}}
            k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
        })(window,document,"script","https://mc.yandex.ru/metrika/tag.js","ym");
        ym("109150106","init",{
            webvisor:true,
            clickmap:true,
            ecommerce:"dataLayer",
            accurateTrackBounce:true,
            trackLinks:true
        });
    </script>
    <noscript><div><img src="https://mc.yandex.ru/watch/109150106" style="position:absolute; left:-9999px;" alt=""/></div></noscript>
    <!-- /Yandex.Metrika counter -->

</head>
<body>
    <div class="container">
        <h1>404</h1>
        <h2>Страница не найдена</h2>
        <p>Эта страница не существует или ещё не настроена.</p>
        <a href="/" class="btn">На главную</a>
    </div>
<div style="padding:16px 24px;text-align:center;border-top:1px solid #e9ecef;margin-top:32px;">
  <span style="color:#aaa;font-size:12px;">
    <a href="/privacy" style="color:#aaa;text-decoration:none;margin:0 8px;">Конфиденциальность</a>
    <span style="color:#ccc;">·</span>
    <a href="/terms" style="color:#aaa;text-decoration:none;margin:0 8px;">Правила</a>
    <span style="color:#ccc;">·</span>
    <a href="/oferta" style="color:#aaa;text-decoration:none;margin:0 8px;">Оферта</a>
    <span style="color:#ccc;">·</span>
    <a href="/cookies" style="color:#aaa;text-decoration:none;margin:0 8px;">Cookies</a>
    <span style="color:#ccc;">·</span>
    <a href="mailto:support@linkpuff.com" style="color:#aaa;text-decoration:none;margin:0 8px;">support@linkpuff.com</a>
  </span>
</div>

<style>
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #1a1a2e;
    color: #e8e8f0;
    padding: 14px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    font-size: 0.88rem;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.2);
}
.cookie-banner p { margin: 0; line-height: 1.5; }
.cookie-banner a { color: #a8b4ff; text-decoration: underline; }
.cookie-banner a:hover { color: #ffffff; }
.cookie-banner__actions { display: flex; gap: 10px; flex-shrink: 0; }
.cookie-banner__btn-accept {
    background: #667eea;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 8px 18px;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s;
}
.cookie-banner__btn-accept:hover { background: #5a6fd6; }
@media (max-width: 640px) {
    .cookie-banner { flex-direction: column; align-items: flex-start; gap: 12px; }
}
</style>
<div id="cookieBanner"
     class="cookie-banner"
     style="display:none;">
    <p>
        <span>Мы используем cookies для работы сайта и аналитики (Яндекс Метрика). Используя сайт, вы соглашаетесь на обработку персональных данных.</span>
        <a href="/privacy">Политика конфиденциальности</a>
    </p>
    <div class="cookie-banner__actions">
        <button class="cookie-banner__btn-accept"
                onclick="acceptCookies()">Согласен</button>
    </div>
</div>

<script>
    (function () {
        function getCookie(name) {
            const match = document.cookie.match(new RegExp('(?:^|; )' + name + '=([^;]*)'));
            return match ? decodeURIComponent(match[1]) : null;
        }

        if (!getCookie('cookie_consent')) {
            document.getElementById('cookieBanner').style.display = 'flex';
        }
    })();

    function acceptCookies() {
        const expires = new Date(Date.now() + 365 * 24 * 60 * 60 * 1000).toUTCString();
        document.cookie = 'cookie_consent=accepted; path=/; expires=' + expires + '; SameSite=Lax';
        document.getElementById('cookieBanner').style.display = 'none';
    }
</script>

</body>
</html>
