<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- Запрет индексации для поисковиков -->
    <meta name="robots" content="noindex, nofollow">
    
    <title>Система обновляется...</title>
    <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
    
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Montserrat', sans-serif;
            background-color: #000000;
            color: #ffffff;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            position: relative;
        }

        /* ---- Фон: Терминал ---- */
        .terminal-bg {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            z-index: -2;
            overflow: hidden;
            opacity: 0;
            animation: fadeInBg 0.4s ease-out 0.1s forwards;
            font-family: 'Fira Code', monospace;
            font-size: 14px;
            line-height: 1.4;
            color: #00ff41;
            text-shadow: 0 0 5px rgba(0, 255, 65, 0.5);
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
        }

        .terminal-bg::-webkit-scrollbar { display: none; }

        .log-line { white-space: pre-wrap; word-break: break-all; }
        .warn { color: #ffcc00; }
        .info { color: #00bfff; }
        .white { color: #ffffff; }

        @keyframes fadeInBg {
            0% { opacity: 0; }
            100% { opacity: 0.25; }
        }

        .crt-overlay {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
            background-size: 100% 2px, 3px 100%;
            z-index: -1;
            pointer-events: none;
            opacity: 0;
            animation: fadeInBg 0.4s ease-out 0.1s forwards;
        }

        /* ---- Основной блок ---- */
        .maintenance-container {
            text-align: center;
            padding: 40px 50px;
            background: rgba(10, 10, 15, 0.7);
            border-radius: 16px;
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(0, 255, 65, 0.2);
            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.8), 0 0 30px rgba(0, 255, 65, 0.1);
            max-width: 750px;
            width: 90%;
            max-height: 90vh;
            overflow-y: auto;
            z-index: 1;
            opacity: 0;
            transform: scale(0.2);
            filter: blur(15px) brightness(2);
            animation: bootUp 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) 0.3s forwards; 
        }

        @keyframes bootUp {
            0% { opacity: 0; transform: scale(0.2); filter: blur(15px) brightness(2); }
            100% { opacity: 1; transform: scale(1); filter: blur(0) brightness(1); }
        }

        @media (max-width: 768px) {
            .maintenance-container {
                backdrop-filter: none;
                -webkit-backdrop-filter: none;
                background: rgba(10, 10, 15, 0.95);
                padding: 30px 20px;
            }
        }

        .terminal-icon {
            font-size: 3rem;
            color: #00ff41;
            margin-bottom: 20px;
            text-shadow: 0 0 15px rgba(0, 255, 65, 0.8);
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0% { opacity: 0.8; transform: scale(1); }
            50% { opacity: 1; transform: scale(1.05); }
            100% { opacity: 0.8; transform: scale(1); }
        }

        h1 {
            font-family: 'Fira Code', monospace;
            font-size: 2.2rem;
            margin-bottom: 20px;
            color: #ffffff;
            letter-spacing: 1px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .cursor {
            display: inline-block;
            width: 0.55em;
            height: 1.05em;
            background-color: #00ff41;
            animation: blink 1s step-end infinite;
            margin-left: 8px;
            box-shadow: 0 0 10px #00ff41;
        }

        @keyframes blink { 50% { opacity: 0; } }

        p {
            font-size: 1.1rem;
            line-height: 1.6;
            color: #a0a0a0;
            margin-bottom: 25px;
        }

        .progress-container {
            width: 100%;
            height: 8px;
            background: #111;
            border-radius: 4px;
            overflow: hidden;
            position: relative;
            margin-bottom: 25px;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .progress-bar {
            width: 30%;
            height: 100%;
            background: #00ff41;
            position: absolute;
            animation: loading 2s infinite ease-in-out;
            box-shadow: 0 0 10px #00ff41, 0 0 20px #00ff41;
        }

        @keyframes loading {
            0% { left: -30%; }
            100% { left: 100%; }
        }

        /* ---- Блок контактов ---- */
        .contact-info {
            margin-top: 30px;
            padding-top: 25px;
            border-top: 1px dashed rgba(0, 255, 65, 0.3);
            font-family: 'Fira Code', monospace;
        }

        .contact-grid {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        .contact-block {
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(0, 255, 65, 0.15);
            border-radius: 8px;
            padding: 15px 20px;
            text-align: left;
            transition: 0.3s;
        }

        .contact-block:hover {
            background: rgba(0, 255, 65, 0.05);
            border-color: rgba(0, 255, 65, 0.3);
        }

        .contact-block .term-title {
            color: #00ff41;
            font-size: 0.85rem;
            font-weight: bold;
            letter-spacing: 1px;
            margin-bottom: 8px;
        }

        .contact-block .term-desc {
            color: #888;
            font-size: 0.75rem;
            margin-bottom: 12px;
            display: block;
        }

        .contact-list { display: flex; flex-direction: column; gap: 8px; }
        .contact-list .prefix { color: #ffcc00; font-size: 0.85rem; margin-right: 5px; }
        .contact-list a { color: #e0e0e0; text-decoration: none; font-size: 1.05rem; font-weight: bold; transition: 0.2s; }
        .contact-list a:hover { color: #00bfff; text-shadow: 0 0 8px rgba(0, 191, 255, 0.5); }

        ::-webkit-scrollbar { display: none; }
    </style>
</head>
<body>

    <div class="terminal-bg" id="terminal-container"></div>
    <div class="crt-overlay"></div>

    <!-- Основной блок -->
    <div class="maintenance-container">
        <div class="terminal-icon">&gt;_</div>
        
        <h1>
            SYSTEM UPDATE
            <span class="cursor"></span>
        </h1>
        
        <p>Извините, на сайте ведутся технические работы.<br>Мы делаем всё, чтобы быстрее к вам вернуться!</p>
        
        <div class="progress-container">
            <div class="progress-bar"></div>
        </div>

        <!-- Блок с контактами -->
        <div class="contact-info">
            <div class="contact-grid">
                
                <div class="contact-block">
                    <div class="term-title">ПРИЁМ ЗАЯВОК</div>
                    <div class="contact-list">
                        <div><span class="prefix">[TEL]</span> <a href="tel:88005508492">8 800 550 84 92</a></div>
                        <div><span class="prefix">[MAIL]</span> <a href="mailto:zakaz@lavrmf.ru">zakaz@lavrmf.ru</a></div>
                    </div>
                </div>

                <div class="contact-block">
                    <div class="term-title">ТЕХНИЧЕСКАЯ ПОДДЕРЖКА</div>
                    <div class="term-desc">сложные технические вопросы по нашему ассортименту</div>
                    <div class="contact-list">
                        <div><span class="prefix">[TEL]</span> <a href="tel:89206213480">8 (920) 621-34-80</a></div>
                        <div><span class="prefix">[TEL]</span> <a href="tel:89508881745">8 (950) 888-17-45</a></div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <script>
        const logLines = [
            "root@sys-core:~# apt-get update && apt-get upgrade -y",
            "Hit:1 http://deb.debian.org/debian bookworm InRelease",
            "Get:2 http://deb.debian.org/debian bookworm-updates InRelease [55.4 kB]",
            "Get:3 http://security.debian.org/debian-security bookworm-security InRelease [48.0 kB]",
            "Fetched 103 kB in 1s (145 kB/s)",
            "Reading package lists... Done",
            "Calculating upgrade... Done",
            "The following packages will be upgraded:",
            "  libc6 linux-image-6.1.0-18-amd64 openssl php8.3-fpm docker-ce nodejs",
            "6 upgraded, 0 newly installed, 0 to remove and 0 not upgraded.",
            "Need to get 128 MB of archives.",
            "Setting up libc6:amd64 (2.36-9+deb12u4) ...",
            "root@sys-core:~# npm install -g pm2 yarn typescript",
            "Done in 42.23s.",
            "WARNING: npm does not support Node.js v14.15.0",
            "root@sys-core:~# systemctl restart nginx php8.3-fpm docker",
            "Job for nginx.service completed successfully.",
            "[INFO] Web server is running. Waiting for connections.",
            "root@sys-core:~# ./run_updates.sh --force --silent",
            "Updating database schemas... OK",
            "Migrating user data... OK",
            "Clearing system cache... OK"
        ];

        const container = document.getElementById('terminal-container');
        let currentLineIndex = 0;

        function typeLine() {
            if (currentLineIndex >= logLines.length) currentLineIndex = 0;

            const text = logLines[currentLineIndex];
            const lineDiv = document.createElement('div');
            lineDiv.className = 'log-line';
            
            if (text.includes("WARNING") || text.includes("Warn")) lineDiv.classList.add('warn');
            if (text.includes("root@")) lineDiv.classList.add('white');
            if (text.includes("[INFO]")) lineDiv.classList.add('info');
            
            container.appendChild(lineDiv);

            let charIndex = 0;
            const typingSpeed = 20;

            const typeChar = setInterval(() => {
                if (charIndex < text.length) {
                    lineDiv.textContent += text.charAt(charIndex);
                    charIndex++;
                    container.scrollTop = container.scrollHeight;
                } else {
                    clearInterval(typeChar);
                    currentLineIndex++;
                    const randomDelay = Math.random() * 200 + 50;
                    setTimeout(typeLine, randomDelay);
                }
            }, typingSpeed);

            if (container.children.length > 50) container.removeChild(container.firstChild);
        }
        setTimeout(typeLine, 300);
    </script>
</body>
</html>