{"id":1330,"date":"2026-04-04T21:58:13","date_gmt":"2026-04-04T18:58:13","guid":{"rendered":"https:\/\/bantv.ru\/?page_id=1330"},"modified":"2026-04-04T22:09:21","modified_gmt":"2026-04-04T19:09:21","slug":"signalrp","status":"publish","type":"page","link":"https:\/\/bantv.ru\/?page_id=1330","title":{"rendered":"SignalRP"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1330\" class=\"elementor elementor-1330\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-87ba7ee elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"87ba7ee\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-36685f82\" data-id=\"36685f82\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5897c9da elementor-widget elementor-widget-text-editor\" data-id=\"5897c9da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9c77f43 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9c77f43\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-95394be\" data-id=\"95394be\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3e65928 elementor-hidden-desktop elementor-hidden-tablet elementor-alert-info elementor-widget elementor-widget-alert\" data-id=\"3e65928\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"alert.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-alert\" role=\"alert\">\n\n\t\t\t\t\t\t<span class=\"elementor-alert-title\">\u0421\u043e\u0432\u0435\u0442\u0443\u0435\u043c \u043f\u0440\u043e\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0442\u044c \u044d\u0442\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043d\u0430 \u041f\u041a<\/span>\n\t\t\t\n\t\t\t\t\t\t<span class=\"elementor-alert-description\">\u0427\u0442\u043e\u0431\u044b \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u0432\u0441\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u044b \u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438, \u0441\u043e\u0432\u0435\u0442\u0443\u0435\u043c \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u0432\u0435\u0440\u0441\u0438\u044e \u0434\u043b\u044f \u041f\u041a \u0432 \u0432\u0430\u0448\u0435\u043c \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435, \u043b\u0438\u0431\u043e \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043d\u0430 \u041f\u041a<\/span>\n\t\t\t\n\t\t\t\t\t\t<button type=\"button\" class=\"elementor-alert-dismiss\" aria-label=\"\u0417\u0430\u043a\u0440\u044b\u0442\u044c \u044d\u0442\u043e \u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u0435.\">\n\t\t\t\t\t\t\t\t\t<span aria-hidden=\"true\">&times;<\/span>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84eea30 elementor-widget elementor-widget-html\" data-id=\"84eea30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ru\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>SignalRP - \u0420\u043e\u043b\u0435\u0432\u0430\u044f \u0438\u0433\u0440\u0430 \u0441\u043b\u0443\u0436\u0431 \u0441\u043f\u0430\u0441\u0435\u043d\u0438\u044f<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --primary-blue: #1e3a8a;\r\n            --accent-blue: #3b82f6;\r\n            --light-blue: #60a5fa;\r\n            --police-blue: #1e40af;\r\n            --medical-red: #dc2626;\r\n            --fire-orange: #ea580c;\r\n            --road-yellow: #eab308;\r\n            --dark-bg: #0f172a;\r\n            --card-bg: rgba(30, 41, 59, 0.8);\r\n        }\r\n\r\n        body {\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\r\n            color: #ffffff;\r\n            line-height: 1.6;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* Animated background *\/\r\n        .bg-animation {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            z-index: -1;\r\n            background: \r\n                radial-gradient(circle at 20% 50%, rgba(30, 58, 138, 0.4) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 80%, rgba(59, 130, 246, 0.3) 0%, transparent 50%),\r\n                radial-gradient(circle at 40% 20%, rgba(220, 38, 38, 0.2) 0%, transparent 50%);\r\n            animation: bgPulse 8s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes bgPulse {\r\n            0%, 100% { opacity: 0.5; }\r\n            50% { opacity: 0.8; }\r\n        }\r\n\r\n        \/* Emergency lights effect *\/\r\n        .emergency-lights {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            pointer-events: none;\r\n            z-index: -1;\r\n            opacity: 0.1;\r\n        }\r\n\r\n        .light {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            filter: blur(60px);\r\n            animation: flash 3s infinite;\r\n        }\r\n\r\n        .light-blue {\r\n            background: #3b82f6;\r\n            width: 200px;\r\n            height: 200px;\r\n            top: 10%;\r\n            left: 10%;\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .light-red {\r\n            background: #dc2626;\r\n            width: 150px;\r\n            height: 150px;\r\n            top: 60%;\r\n            right: 10%;\r\n            animation-delay: 1.5s;\r\n        }\r\n\r\n        @keyframes flash {\r\n            0%, 100% { opacity: 0.3; transform: scale(1); }\r\n            50% { opacity: 0.6; transform: scale(1.2); }\r\n        }\r\n\r\n        \/* Header Section *\/\r\n        .hero {\r\n            min-height: 100vh;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 2rem;\r\n            text-align: center;\r\n            position: relative;\r\n        }\r\n\r\n        .logo-container {\r\n            animation: fadeInDown 1s ease-out;\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        .logo {\r\n            width: 200px;\r\n            height: 200px;\r\n            object-fit: contain;\r\n            filter: drop-shadow(0 0 30px rgba(59, 130, 246, 0.5));\r\n            animation: logoFloat 3s ease-in-out infinite;\r\n            border-radius: 50%;\r\n        }\r\n\r\n        @keyframes logoFloat {\r\n            0%, 100% { transform: translateY(0); }\r\n            50% { transform: translateY(-10px); }\r\n        }\r\n\r\n        @keyframes fadeInDown {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(-30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .title {\r\n            font-size: 3.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 1rem;\r\n            background: linear-gradient(135deg, #ffffff 0%, #60a5fa 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            animation: fadeInUp 1s ease-out 0.3s both;\r\n            text-shadow: 0 0 40px rgba(59, 130, 246, 0.5);\r\n        }\r\n\r\n        .subtitle {\r\n            font-size: 1.3rem;\r\n            color: #94a3b8;\r\n            max-width: 600px;\r\n            margin: 0 auto 2rem;\r\n            animation: fadeInUp 1s ease-out 0.6s both;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        .telegram-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            padding: 1rem 2.5rem;\r\n            background: linear-gradient(135deg, #0088cc 0%, #00a8e8 100%);\r\n            color: white;\r\n            text-decoration: none;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            font-size: 1.1rem;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 10px 30px rgba(0, 136, 204, 0.4);\r\n            animation: fadeInUp 1s ease-out 0.9s both, pulse 2s infinite;\r\n            border: 2px solid transparent;\r\n        }\r\n\r\n        .telegram-btn:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 15px 40px rgba(0, 136, 204, 0.6);\r\n            border-color: rgba(255,255,255,0.3);\r\n        }\r\n\r\n        @keyframes pulse {\r\n            0%, 100% { box-shadow: 0 10px 30px rgba(0, 136, 204, 0.4); }\r\n            50% { box-shadow: 0 10px 40px rgba(0, 136, 204, 0.7); }\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* Sections *\/\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 4rem 2rem;\r\n        }\r\n\r\n        .section {\r\n            margin-bottom: 4rem;\r\n            opacity: 0;\r\n            transform: translateY(50px);\r\n            transition: all 0.8s ease;\r\n        }\r\n\r\n        .section.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .section-title {\r\n            font-size: 2.5rem;\r\n            margin-bottom: 2rem;\r\n            text-align: center;\r\n            position: relative;\r\n            display: inline-block;\r\n            width: 100%;\r\n        }\r\n\r\n        .section-title::after {\r\n            content: '';\r\n            display: block;\r\n            width: 100px;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, #3b82f6, #60a5fa);\r\n            margin: 1rem auto;\r\n            border-radius: 2px;\r\n            box-shadow: 0 0 20px rgba(59, 130, 246, 0.5);\r\n        }\r\n\r\n        \/* Cards Grid *\/\r\n        .cards-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 2rem;\r\n            margin-top: 3rem;\r\n        }\r\n\r\n        .card {\r\n            background: var(--card-bg);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            border-radius: 20px;\r\n            padding: 2.5rem;\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n        }\r\n\r\n        .card.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--card-color, #3b82f6), transparent);\r\n            transform: scaleX(0);\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n            border-color: rgba(59, 130, 246, 0.3);\r\n        }\r\n\r\n        .card-icon {\r\n            font-size: 3rem;\r\n            margin-bottom: 1rem;\r\n            display: block;\r\n        }\r\n\r\n        .card-title {\r\n            font-size: 1.5rem;\r\n            margin-bottom: 1rem;\r\n            color: #60a5fa;\r\n        }\r\n\r\n        .card-text {\r\n            color: #94a3b8;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        \/* Department specific colors *\/\r\n        .card.police { --card-color: #3b82f6; }\r\n        .card.medical { --card-color: #dc2626; }\r\n        .card.fire { --card-color: #ea580c; }\r\n        .card.road { --card-color: #eab308; }\r\n\r\n        \/* Advantages Section *\/\r\n        .advantages {\r\n            background: linear-gradient(135deg, rgba(30, 58, 138, 0.3) 0%, rgba(15, 23, 42, 0.5) 100%);\r\n            border-radius: 30px;\r\n            padding: 3rem;\r\n            border: 1px solid rgba(59, 130, 246, 0.2);\r\n        }\r\n\r\n        .advantage-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 1.5rem;\r\n            margin-bottom: 2rem;\r\n            padding: 1.5rem;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border-radius: 15px;\r\n            transition: all 0.3s ease;\r\n            opacity: 0;\r\n            transform: translateX(-30px);\r\n        }\r\n\r\n        .advantage-item.visible {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n\r\n        .advantage-item:hover {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            transform: translateX(10px);\r\n        }\r\n\r\n        .advantage-icon {\r\n            font-size: 2.5rem;\r\n            flex-shrink: 0;\r\n            animation: iconBounce 2s infinite;\r\n        }\r\n\r\n        @keyframes iconBounce {\r\n            0%, 100% { transform: translateY(0); }\r\n            50% { transform: translateY(-5px); }\r\n        }\r\n\r\n        .advantage-content h3 {\r\n            color: #60a5fa;\r\n            margin-bottom: 0.5rem;\r\n            font-size: 1.3rem;\r\n        }\r\n\r\n        .advantage-content p {\r\n            color: #94a3b8;\r\n        }\r\n\r\n        \/* Info Block *\/\r\n        .info-block {\r\n            background: var(--card-bg);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 20px;\r\n            padding: 3rem;\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            margin-bottom: 2rem;\r\n            opacity: 0;\r\n            transform: scale(0.95);\r\n            transition: all 0.6s ease;\r\n        }\r\n\r\n        .info-block.visible {\r\n            opacity: 1;\r\n            transform: scale(1);\r\n        }\r\n\r\n        .info-block h3 {\r\n            color: #60a5fa;\r\n            font-size: 1.8rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .info-block p {\r\n            color: #94a3b8;\r\n            line-height: 1.8;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        \/* Footer *\/\r\n        footer {\r\n            text-align: center;\r\n            padding: 3rem 2rem;\r\n            background: rgba(15, 23, 42, 0.8);\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n            margin-top: 4rem;\r\n        }\r\n\r\n        .footer-text {\r\n            color: #64748b;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .title {\r\n                font-size: 2.5rem;\r\n            }\r\n\r\n            .subtitle {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .logo {\r\n                width: 150px;\r\n                height: 150px;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .cards-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 1.5rem;\r\n            }\r\n\r\n            .advantages {\r\n                padding: 2rem 1.5rem;\r\n            }\r\n\r\n            .info-block {\r\n                padding: 2rem 1.5rem;\r\n            }\r\n\r\n            .card {\r\n                padding: 2rem 1.5rem;\r\n            }\r\n        }\r\n\r\n        \/* Scroll indicator *\/\r\n        .scroll-indicator {\r\n            position: absolute;\r\n            bottom: 2rem;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            animation: bounce 2s infinite;\r\n            opacity: 0.5;\r\n        }\r\n\r\n        @keyframes bounce {\r\n            0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); }\r\n            40% { transform: translateX(-50%) translateY(-10px); }\r\n            60% { transform: translateX(-50%) translateY(-5px); }\r\n        }\r\n\r\n        .scroll-indicator::after {\r\n            content: '\u2193';\r\n            font-size: 2rem;\r\n            color: #60a5fa;\r\n        }\r\n\r\n        \/* Glowing text effect *\/\r\n        .glow-text {\r\n            text-shadow: 0 0 10px rgba(59, 130, 246, 0.8),\r\n                         0 0 20px rgba(59, 130, 246, 0.5),\r\n                         0 0 30px rgba(59, 130, 246, 0.3);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"bg-animation\"><\/div>\r\n    <div class=\"emergency-lights\">\r\n        <div class=\"light light-blue\"><\/div>\r\n        <div class=\"light light-red\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Hero Section -->\r\n    <section class=\"hero\">\r\n        <div class=\"logo-container\">\r\n            <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/file_000000008d78724687aacd32d24621ba.png\" alt=\"SignalRP Logo\" class=\"logo\">\r\n        <\/div>\r\n        <h1 class=\"title glow-text\">SignalRP<\/h1>\r\n        <p class=\"subtitle\">\r\n            \u041c\u044b \u2014 \u0433\u0440\u0443\u043f\u043f\u0430 \u044d\u043d\u0442\u0443\u0437\u0438\u0430\u0441\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435\u043c \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0433\u043e RP \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \r\n            \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 <strong>\"Flashing Lights\"<\/strong>. \u041f\u043e\u0433\u0440\u0443\u0437\u0438\u0442\u0435\u0441\u044c \u0432 \u043c\u0438\u0440 \u0441\u043b\u0443\u0436\u0431 \u0441\u043f\u0430\u0441\u0435\u043d\u0438\u044f \r\n            \u0438 \u043f\u043e\u0447\u0443\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435 \u0441\u0435\u0431\u044f \u0447\u0430\u0441\u0442\u044c\u044e \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0435\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u043e\u0432.\r\n        <\/p>\r\n        <a href=\"https:\/\/t.me\/+t_BkMnenOQdkY2Ji\" class=\"telegram-btn\" target=\"_blank\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                <path d=\"M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.894 8.221l-1.97 9.28c-.145.658-.537.818-1.084.508l-3-2.21-1.446 1.394c-.14.18-.357.295-.6.295-.002 0-.003 0-.005 0l.213-3.054 5.56-5.022c.242-.213-.054-.334-.373-.121l-6.869 4.326-2.96-.924c-.64-.203-.658-.64.135-.954l11.566-4.458c.538-.196 1.006.128.832.941z\"\/>\r\n            <\/svg>\r\n            \u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c\u0441\u044f \u043a Telegram\r\n        <\/a>\r\n        <div class=\"scroll-indicator\"><\/div>\r\n    <\/section>\r\n\r\n    <!-- About Game Section -->\r\n    <div class=\"container\">\r\n        <section class=\"section\" id=\"about\">\r\n            <h2 class=\"section-title\">\u041e \u0438\u0433\u0440\u0435<\/h2>\r\n            <div class=\"info-block\">\r\n                <h3>\ud83d\ude94 \u0421\u043b\u0443\u0436\u0431\u044b \u0441\u043f\u0430\u0441\u0435\u043d\u0438\u044f \u0432 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0438<\/h3>\r\n                <p>\r\n                    SignalRP \u2014 \u044d\u0442\u043e \u043c\u043d\u043e\u0433\u043e\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0430\u044f \u0440\u043e\u043b\u0435\u0432\u0430\u044f \u0438\u0433\u0440\u0430, \u0433\u0434\u0435 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0442\u0430\u0442\u044c \u0447\u0430\u0441\u0442\u044c\u044e \r\n                    \u044d\u043a\u0441\u0442\u0440\u0435\u043d\u043d\u044b\u0445 \u0441\u043b\u0443\u0436\u0431. \u0418\u0441\u043f\u044b\u0442\u0430\u0439\u0442\u0435 \u0430\u0434\u0440\u0435\u043d\u0430\u043b\u0438\u043d \u043e\u0442 \u0440\u0430\u0431\u043e\u0442\u044b \u0432 \u043f\u043e\u043b\u0438\u0446\u0438\u0438, \u0441\u043f\u0430\u0441\u0430\u0439\u0442\u0435 \u0436\u0438\u0437\u043d\u0438 \u0432 \r\n                    \u043c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u043e\u043c \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u0435, \u0442\u0443\u0448\u0438\u0442\u0435 \u043f\u043e\u0436\u0430\u0440\u044b \u0438\u043b\u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u043d\u0430 \u0434\u043e\u0440\u043e\u0433\u0430\u0445. \r\n                    \u0420\u0435\u0430\u043b\u0438\u0441\u0442\u0438\u0447\u043d\u0430\u044f \u043c\u0435\u0445\u0430\u043d\u0438\u043a\u0430, \u043f\u0440\u043e\u0434\u0443\u043c\u0430\u043d\u043d\u044b\u0435 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438 \u0438 \u0436\u0438\u0432\u043e\u0435 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \r\n                    \u0438\u0433\u0440\u043e\u043a\u0430\u043c\u0438 \u0441\u043e\u0437\u0434\u0430\u044e\u0442 \u043d\u0435\u043f\u043e\u0432\u0442\u043e\u0440\u0438\u043c\u0443\u044e \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0443 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0435\u0439 \u0441\u043b\u0443\u0436\u0431\u044b \u0441\u043f\u0430\u0441\u0435\u043d\u0438\u044f.\r\n                <\/p>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Professions Section -->\r\n        <section class=\"section\" id=\"professions\">\r\n            <h2 class=\"section-title\">\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u0438<\/h2>\r\n            <div class=\"cards-grid\">\r\n                <div class=\"card police\">\r\n                    <span class=\"card-icon\">\ud83d\udc6e<\/span>\r\n                    <h3 class=\"card-title\">\u041f\u043e\u043b\u0438\u0446\u0438\u044f<\/h3>\r\n                    <p class=\"card-text\">\r\n                        \u041f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u043f\u0440\u0430\u0432\u043e\u043f\u043e\u0440\u044f\u0434\u043e\u043a, \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u0442\u0435 \u0440\u0430\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u044f, \u0437\u0430\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \r\n                        \u043f\u0440\u0435\u0441\u0442\u0443\u043f\u043d\u0438\u043a\u043e\u0432 \u0438 \u0437\u0430\u0449\u0438\u0449\u0430\u0439\u0442\u0435 \u0433\u0440\u0430\u0436\u0434\u0430\u043d. \u041e\u0442 \u043f\u0430\u0442\u0440\u0443\u043b\u044c\u043d\u043e\u0433\u043e \u0434\u043e \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u0438\u043a\u0430 \r\n                        \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u0430 \u2014 \u043f\u043e\u0441\u0442\u0440\u043e\u0439\u0442\u0435 \u043a\u0430\u0440\u044c\u0435\u0440\u0443 \u0432 \u043e\u0440\u0433\u0430\u043d\u0430\u0445.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"card medical\">\r\n                    <span class=\"card-icon\">\ud83d\ude91<\/span>\r\n                    <h3 class=\"card-title\">\u041c\u0435\u0434 \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442<\/h3>\r\n                    <p class=\"card-text\">\r\n                        \u0421\u043f\u0430\u0441\u0430\u0439\u0442\u0435 \u0436\u0438\u0437\u043d\u0438, \u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0439\u0442\u0435 \u043f\u0435\u0440\u0432\u0443\u044e \u043f\u043e\u043c\u043e\u0449\u044c, \u0440\u0430\u0431\u043e\u0442\u0430\u0439\u0442\u0435 \u0432 \u0440\u0435\u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438. \r\n                        \u041a\u0430\u0436\u0434\u0430\u044f \u0441\u0435\u043a\u0443\u043d\u0434\u0430 \u043d\u0430 \u0441\u0447\u0435\u0442\u0443 \u2014 \u0441\u0442\u0430\u043d\u044c\u0442\u0435 \u0442\u0435\u043c, \u043a\u0442\u043e \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u043b\u044e\u0434\u0435\u0439 \u0441 \u0442\u043e\u0433\u043e \u0441\u0432\u0435\u0442\u0430.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"card fire\">\r\n                    <span class=\"card-icon\">\ud83d\ude92<\/span>\r\n                    <h3 class=\"card-title\">\u041f\u043e\u0436\u0430\u0440\u043d\u044b\u0435<\/h3>\r\n                    <p class=\"card-text\">\r\n                        \u0422\u0443\u0448\u0438\u0442\u0435 \u043f\u043e\u0436\u0430\u0440\u044b, \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u0442\u0435 \u0441\u043f\u0430\u0441\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438, \u0440\u0430\u0431\u043e\u0442\u0430\u0439\u0442\u0435 \u0441 \r\n                        \u043e\u043f\u0430\u0441\u043d\u044b\u043c\u0438 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430\u043c\u0438. \u0413\u0435\u0440\u043e\u0438\u0437\u043c \u0438 \u043e\u0442\u0432\u0430\u0433\u0430 \u2014 \u0432\u0430\u0448\u0438 \u0433\u043b\u0430\u0432\u043d\u044b\u0435 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"card road\">\r\n                    <span class=\"card-icon\">\ud83d\udea7<\/span>\r\n                    <h3 class=\"card-title\">\u0414\u043e\u0440\u043e\u0436\u043d\u0430\u044f \u0441\u043b\u0443\u0436\u0431\u0430<\/h3>\r\n                    <p class=\"card-text\">\r\n                        \u041e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0439\u0442\u0435 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c \u043d\u0430 \u0434\u043e\u0440\u043e\u0433\u0430\u0445, \u0440\u0435\u043c\u043e\u043d\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u043f\u043e\u043a\u0440\u044b\u0442\u0438\u044f, \r\n                        \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0439\u0442\u0435 \u0437\u043d\u0430\u043a\u0438. \u041e\u0442 \u0432\u0430\u0441 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u043e \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044f.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Advantages Section -->\r\n        <section class=\"section\" id=\"advantages\">\r\n            <h2 class=\"section-title\">\u041f\u043e\u0447\u0435\u043c\u0443 \u043c\u044b?<\/h2>\r\n            <div class=\"advantages\">\r\n                <div class=\"advantage-item\">\r\n                    <span class=\"advantage-icon\">\ud83d\udc65<\/span>\r\n                    <div class=\"advantage-content\">\r\n                        <h3>\u0420\u0435\u0430\u043b\u044c\u043d\u043e\u0435 \u0436\u0438\u0432\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e<\/h3>\r\n                        <p>\r\n                            \u0423 \u043d\u0430\u0441 \u043d\u0435\u0442 \u0431\u043e\u0442\u043e\u0432 \u0438 \u043f\u0443\u0441\u0442\u044b\u0445 \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u0432. \u0422\u043e\u043b\u044c\u043a\u043e \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u0438\u0433\u0440\u043e\u043a\u0438, \r\n                            \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043b\u044e\u0431\u044f\u0442 RP \u0438 \u0433\u043e\u0442\u043e\u0432\u044b \u043a \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u043c\u0443 \u043e\u0442\u044b\u0433\u0440\u044b\u0448\u0443. \u0414\u0440\u0443\u0436\u043d\u0430\u044f \r\n                            \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430 \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043d\u043e\u0432\u0438\u0447\u043a\u043e\u0432.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"advantage-item\">\r\n                    <span class=\"advantage-icon\">\ud83d\udccb<\/span>\r\n                    <div class=\"advantage-content\">\r\n                        <h3>\u041f\u0440\u043e\u0434\u0443\u043c\u0430\u043d\u043d\u044b\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u0430<\/h3>\r\n                        <p>\r\n                            \u0421\u0431\u0430\u043b\u0430\u043d\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043f\u0440\u0430\u0432\u0438\u043b, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043d\u0435 \u0434\u0443\u0448\u0438\u0442 \u043a\u0440\u0435\u0430\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c, \r\n                            \u043d\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442 \u043f\u043e\u0440\u044f\u0434\u043e\u043a. \u0427\u0451\u0442\u043a\u0438\u0435 \u043c\u0435\u0445\u0430\u043d\u0438\u043a\u0438, \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0435 \u0432\u0441\u0435\u043c \u0438\u0433\u0440\u043e\u043a\u0430\u043c.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"advantage-item\">\r\n                    <span class=\"advantage-icon\">\ud83d\udcc8<\/span>\r\n                    <div class=\"advantage-content\">\r\n                        <h3>\u0413\u043b\u0430\u0432\u044b \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u043e\u0432 \u0438 \u043a\u0430\u0440\u044c\u0435\u0440\u0430<\/h3>\r\n                        <p>\r\n                            \u0420\u0435\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044f \u043f\u043e \u0441\u043b\u0443\u0436\u0431\u0435. \u041d\u0430\u0447\u043d\u0438\u0442\u0435 \u0441 \u0440\u044f\u0434\u043e\u0432\u043e\u0433\u043e \r\n                            \u0438 \u0434\u043e\u0440\u0430\u0441\u0442\u0438\u0442\u0435 \u0434\u043e \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044f \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u0430. \u0412\u0430\u0448\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0432\u043b\u0438\u044f\u044e\u0442 \r\n                            \u043d\u0430 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0441\u043b\u0443\u0436\u0431\u044b.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"advantage-item\">\r\n                    <span class=\"advantage-icon\">\ud83c\udfae<\/span>\r\n                    <div class=\"advantage-content\">\r\n                        <h3>\u041f\u0440\u043e\u0441\u0442\u0430\u044f \u0438\u0433\u0440\u0430 \u0434\u043b\u044f \u0432\u0441\u0435\u0445<\/h3>\r\n                        <p>\r\n                            \u041d\u0435 \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u0445\u0430\u0440\u0434\u043a\u043e\u0440\u043d\u044b\u043c RP-\u0438\u0433\u0440\u043e\u043a\u043e\u043c. \u0423 \u043d\u0430\u0441 \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u043e \u0438 \u0442\u0435\u043c, \r\n                            \u043a\u0442\u043e \u043f\u0440\u0438\u0448\u0451\u043b \u043f\u0440\u043e\u0441\u0442\u043e \u0440\u0430\u0441\u0441\u043b\u0430\u0431\u0438\u0442\u044c\u0441\u044f \u043f\u043e\u0441\u043b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b, \u0438 \u0442\u0435\u043c, \u043a\u0442\u043e \u0438\u0449\u0435\u0442 \r\n                            \u0433\u043b\u0443\u0431\u043e\u043a\u0438\u0439 \u0440\u043e\u043b\u0435\u0432\u043e\u0439 \u043e\u043f\u044b\u0442.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- About Server Section -->\r\n        <section class=\"section\" id=\"server\">\r\n            <h2 class=\"section-title\">\u041d\u0430\u0448 \u0441\u0435\u0440\u0432\u0435\u0440<\/h2>\r\n            <div class=\"info-block\">\r\n                <h3>\u26a1 SignalRP \u2014 \u0431\u043e\u043b\u044c\u0448\u0435 \u0447\u0435\u043c \u0438\u0433\u0440\u0430<\/h3>\r\n                <p>\r\n                    \u041c\u044b \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u0441\u0435\u0440\u0432\u0435\u0440, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0441\u0430\u043c\u0438 \u0445\u043e\u0442\u0435\u043b\u0438 \u0431\u044b \u0438\u0433\u0440\u0430\u0442\u044c. \u041c\u0438\u043d\u0438\u043c\u0443\u043c \u0431\u0430\u0433\u043e\u0432, \r\n                    \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u043c, \u043e\u0442\u0437\u044b\u0432\u0447\u0438\u0432\u0430\u044f \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0438 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0435 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f. \r\n                    \u0420\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0438\u0432\u0435\u043d\u0442\u044b, \u043a\u043e\u043d\u043a\u0443\u0440\u0441\u044b \u0438 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u043d\u0435 \u0434\u0430\u0434\u0443\u0442 \u0437\u0430\u0441\u043a\u0443\u0447\u0430\u0442\u044c. \r\n                    \u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u043a SignalRP \u0438 \u0441\u0442\u0430\u043d\u044c\u0442\u0435 \u0447\u0430\u0441\u0442\u044c\u044e \u0438\u0441\u0442\u043e\u0440\u0438\u0438!\r\n                <\/p>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n\r\n    <!-- Footer -->\r\n    <footer>\r\n        <p class=\"footer-text\">\r\n            \u00a9 2026 SignalRP. \u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b.<br>\r\n            \u0420\u043e\u043b\u0435\u0432\u0430\u044f \u0438\u0433\u0440\u0430 \u043d\u0430 \u0431\u0430\u0437\u0435 Flashing Lights\r\n        <\/p>\r\n    <\/footer>\r\n\r\n    <script>\r\n        \/\/ Intersection Observer for scroll animations\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('visible');\r\n                    \r\n                    \/\/ Stagger animation for cards\r\n                    if (entry.target.classList.contains('card')) {\r\n                        const cards = entry.target.parentElement.querySelectorAll('.card');\r\n                        cards.forEach((card, index) => {\r\n                            setTimeout(() => {\r\n                                card.classList.add('visible');\r\n                            }, index * 100);\r\n                        });\r\n                    }\r\n                    \r\n                    \/\/ Stagger animation for advantage items\r\n                    if (entry.target.classList.contains('advantage-item')) {\r\n                        const items = entry.target.parentElement.querySelectorAll('.advantage-item');\r\n                        items.forEach((item, index) => {\r\n                            setTimeout(() => {\r\n                                item.classList.add('visible');\r\n                            }, index * 150);\r\n                        });\r\n                    }\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        \/\/ Observe all sections and cards\r\n        document.querySelectorAll('.section, .card, .info-block, .advantage-item').forEach((el) => {\r\n            observer.observe(el);\r\n        });\r\n\r\n        \/\/ Smooth scroll for navigation\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Parallax effect for emergency lights\r\n        document.addEventListener('mousemove', (e) => {\r\n            const lights = document.querySelectorAll('.light');\r\n            const x = e.clientX \/ window.innerWidth;\r\n            const y = e.clientY \/ window.innerHeight;\r\n            \r\n            lights.forEach((light, index) => {\r\n                const speed = (index + 1) * 20;\r\n                const xOffset = (window.innerWidth \/ 2 - e.clientX) \/ speed;\r\n                const yOffset = (window.innerHeight \/ 2 - e.clientY) \/ speed;\r\n                light.style.transform = `translate(${xOffset}px, ${yOffset}px)`;\r\n            });\r\n        });\r\n\r\n        \/\/ Add glow effect on scroll\r\n        let lastScroll = 0;\r\n        window.addEventListener('scroll', () => {\r\n            const currentScroll = window.pageYOffset;\r\n            const sections = document.querySelectorAll('.section');\r\n            \r\n            sections.forEach(section => {\r\n                const sectionTop = section.offsetTop;\r\n                const sectionHeight = section.clientHeight;\r\n                \r\n                if (currentScroll >= sectionTop - 200 && currentScroll < sectionTop + sectionHeight - 200) {\r\n                    section.style.filter = 'drop-shadow(0 0 30px rgba(59, 130, 246, 0.3))';\r\n                    setTimeout(() => {\r\n                        section.style.filter = 'none';\r\n                    }, 500);\r\n                }\r\n            });\r\n            \r\n            lastScroll = currentScroll;\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bdde454 elementor-widget elementor-widget-html\" data-id=\"bdde454\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ru\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>SignalRP \u2014 Top Bar<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            background: #0f172a;\r\n            min-height: 100vh;\r\n        }\r\n\r\n        \/* \u0412\u0435\u0440\u0445\u043d\u044f\u044f \u043f\u043b\u0430\u0448\u043a\u0430 *\/\r\n        .top-bar {\r\n            position: relative;\r\n            width: 100%;\r\n            padding: 0.6rem 1rem;\r\n            background: linear-gradient(\r\n                90deg,\r\n                rgba(30, 58, 138, 0.9) 0%,\r\n                rgba(59, 130, 246, 0.7) 50%,\r\n                rgba(30, 58, 138, 0.9) 100%\r\n            );\r\n            backdrop-filter: blur(12px);\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.15);\r\n            text-align: center;\r\n            z-index: 1000;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* \u0410\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0444\u043e\u043d-\u043f\u043e\u043b\u043e\u0441\u0430 *\/\r\n        .top-bar::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(\r\n                90deg,\r\n                transparent,\r\n                rgba(255, 255, 255, 0.2),\r\n                transparent\r\n            );\r\n            animation: shine 4s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes shine {\r\n            0%, 100% { left: -100%; }\r\n            50% { left: 100%; }\r\n        }\r\n\r\n        \/* \u0422\u0435\u043a\u0441\u0442 *\/\r\n        .top-bar-text {\r\n            position: relative;\r\n            z-index: 1;\r\n            font-size: clamp(0.75rem, 2vw, 0.95rem);\r\n            font-weight: 500;\r\n            color: #ffffff;\r\n            letter-spacing: 0.05em;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 0.5rem;\r\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        \/* \u0418\u043a\u043e\u043d\u043a\u0430 \u0438\u0433\u0440\u044b *\/\r\n        .game-icon {\r\n            width: 18px;\r\n            height: 18px;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: linear-gradient(135deg, #60a5fa, #3b82f6);\r\n            border-radius: 4px;\r\n            font-size: 0.7rem;\r\n            animation: pulse 2s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes pulse {\r\n            0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4); }\r\n            50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(59, 130, 246, 0); }\r\n        }\r\n\r\n        \/* \u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0438\u0433\u0440\u044b \u0441 \u044d\u0444\u0444\u0435\u043a\u0442\u043e\u043c *\/\r\n        .game-name {\r\n            background: linear-gradient(135deg, #ffffff, #93c5fd);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* \u0414\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u0442\u043e\u0447\u043a\u0438 \u043f\u043e \u043a\u0440\u0430\u044f\u043c *\/\r\n        .top-bar-text::before,\r\n        .top-bar-text::after {\r\n            content: '\u2726';\r\n            color: rgba(96, 165, 250, 0.8);\r\n            font-size: 0.8rem;\r\n            animation: sparkle 1.5s ease-in-out infinite;\r\n        }\r\n\r\n        .top-bar-text::after {\r\n            animation-delay: 0.75s;\r\n        }\r\n\r\n        @keyframes sparkle {\r\n            0%, 100% { opacity: 0.6; transform: scale(1); }\r\n            50% { opacity: 1; transform: scale(1.2); }\r\n        }\r\n\r\n        \/* \u0410\u0434\u0430\u043f\u0442\u0438\u0432 *\/\r\n        @media (max-width: 480px) {\r\n            .top-bar {\r\n                padding: 0.5rem 0.75rem;\r\n            }\r\n            .top-bar-text {\r\n                flex-wrap: wrap;\r\n                gap: 0.3rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"top-bar\">\r\n        <span class=\"top-bar-text\">\r\n            <span class=\"game-icon\">\ud83c\udfae<\/span>\r\n            \u0421\u0435\u0440\u0432\u0435\u0440 \u043d\u0430 \u0431\u0430\u0437\u0435 \u0438\u0433\u0440\u044b\r\n            <span class=\"game-name\">Flashing Lights<\/span>\r\n        <\/span>\r\n    <\/div>\r\n\r\n    <!-- \u0414\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442 -->\r\n    <div style=\"padding: 2rem; color: #64748b; text-align: center;\">\r\n    \r\n  \r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0421\u043e\u0432\u0435\u0442\u0443\u0435\u043c \u043f\u0440\u043e\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0442\u044c \u044d\u0442\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043d\u0430 \u041f\u041a \u0427\u0442\u043e\u0431\u044b \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u0432\u0441\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u044b \u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438, \u0441\u043e\u0432\u0435\u0442\u0443\u0435\u043c \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u0432\u0435\u0440\u0441\u0438\u044e \u0434\u043b\u044f \u041f\u041a \u0432 \u0432\u0430\u0448\u0435\u043c \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435, \u043b\u0438\u0431\u043e \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043d\u0430 \u041f\u041a &times; SignalRP &#8212; \u0420\u043e\u043b\u0435\u0432\u0430\u044f \u0438\u0433\u0440\u0430 \u0441\u043b\u0443\u0436\u0431 \u0441\u043f\u0430\u0441\u0435\u043d\u0438\u044f SignalRP \u041c\u044b \u2014 \u0433\u0440\u0443\u043f\u043f\u0430 \u044d\u043d\u0442\u0443\u0437\u0438\u0430\u0441\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435\u043c \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0433\u043e RP \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 &#171;Flashing Lights&#187;. \u041f\u043e\u0433\u0440\u0443\u0437\u0438\u0442\u0435\u0441\u044c \u0432 \u043c\u0438\u0440 \u0441\u043b\u0443\u0436\u0431 \u0441\u043f\u0430\u0441\u0435\u043d\u0438\u044f \u0438 \u043f\u043e\u0447\u0443\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/bantv.ru\/?page_id=1330\" class=\"more-link\">\u0427\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u043b\u0435\u0435<span class=\"screen-reader-text\"> &#171;SignalRP&#187;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inspiro_hide_title":false,"footnotes":""},"class_list":["post-1330","page","type-page","status-publish","hentry"],"featured_media_urls":[],"_links":{"self":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages\/1330","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bantv.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1330"}],"version-history":[{"count":17,"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages\/1330\/revisions"}],"predecessor-version":[{"id":1366,"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages\/1330\/revisions\/1366"}],"wp:attachment":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1330"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}