{"id":13176,"date":"2025-10-01T10:46:43","date_gmt":"2025-10-01T04:46:43","guid":{"rendered":"http:\/\/hobbi.st\/?page_id=13176"},"modified":"2025-10-01T11:01:55","modified_gmt":"2025-10-01T05:01:55","slug":"lovenrg","status":"publish","type":"page","link":"https:\/\/khatm.hobbi.st\/kk\/lovenrg\/","title":{"rendered":"lovenrg"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\n\n \n \n \u042d\u043d\u0435\u0440\u0433\u0438\u044f \u041b\u044e\u0431\u0432\u0438: \u041f\u0443\u0442\u044c Hobbist<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <!-- Chosen Palette: Warm Neutrals -->\n <!-- Application Structure Plan: A single-page, scroll-driven narrative guiding the user from Pitirim Sorokin's abstract theory of \"love energy\" to a practical, interactive self-exploration workshop for their \"hobbist\" project. The flow is designed to build understanding progressively: 1. Introduce the core concept interactively. 2. Show historical examples. 3. Connect it to the \"hobbist\" project. 4. Provide a personal tool for application. 5. Idea Generation. -->\n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #FDFBF8;\n color: #383127;\n }\n .hobbist-gradient-text {\n background: linear-gradient(90deg, #D4AF37, #A27B1C);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .slider-thumb::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 20px;\n height: 20px;\n background: #D4AF37;\n border-radius: 50%;\n cursor: pointer;\n margin-top: -6px;\n }\n .slider-thumb::-moz-range-thumb {\n width: 20px;\n height: 20px;\n background: #D4AF37;\n border-radius: 50%;\n cursor: pointer;\n }\n .card-container {\n \/* Hides scrollbar in IE\/Edge\/Firefox *\/\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n \/* Hides scrollbar in Chrome\/Safari\/Opera *\/\n .card-container::-webkit-scrollbar {\n display: none;\n }\n \/* Mobile-first chart container sizing *\/\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 500px; \/* Constraint on larger screens *\/\n margin-left: auto;\n margin-right: auto;\n height: 300px; \/* Optimal height for most phones *\/\n max-height: 350px;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 400px; \/* Taller on desktop *\/\n max-height: 450px;\n }\n }\n \/* Manifesto node size adjustment for better tap target *\/\n .manifesto-node button {\n width: 88px;\n height: 88px;\n font-size: 0.75rem; \/* text-xs *\/\n }\n @media (min-width: 768px) {\n .manifesto-node button {\n width: 96px; \/* w-24 *\/\n height: 96px; \/* h-24 *\/\n font-size: 0.875rem; \/* text-sm *\/\n }\n }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n <header class=\"sticky top-0 bg-white\/90 backdrop-blur-sm z-10 shadow-sm\">\n <nav class=\"container mx-auto px-4 py-3 flex justify-between items-center\">\n <h1 class=\"text-xl font-bold hobbist-gradient-text\">Hobbist<\/h1>\n <!-- Navigation links are compact for mobile -->\n <div class=\"space-x-3 md:space-x-8 text-xs md:text-base\">\n <a href=\"#energy\" class=\"hover:text-[#D4AF37] transition-colors\">\u042d\u043d\u0435\u0440\u0433\u0438\u044f<\/a>\n <a href=\"#alchemists\" class=\"hover:text-[#D4AF37] transition-colors\">\u0410\u043b\u0445\u0438\u043c\u0438\u043a\u0438<\/a>\n <a href=\"#manifesto\" class=\"hover:text-[#D4AF37] transition-colors\">\u041c\u0430\u043d\u0438\u0444\u0435\u0441\u0442<\/a>\n <a href=\"#path\" class=\"hover:text-[#D4AF37] transition-colors\">\u0412\u0430\u0448 \u041f\u0443\u0442\u044c<\/a>\n <\/div>\n <\/nav>\n <\/header>\n\n <main>\n <!-- Hero section optimized for mobile content centering -->\n <section class=\"min-h-[80vh] flex items-center justify-center text-center bg-[#FDFBF8] py-16\">\n <div class=\"container mx-auto px-4\">\n <h1 class=\"text-4xl md:text-6xl font-extrabold leading-tight\">\n <span class=\"hobbist-gradient-text\">\u0422\u0430\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u042d\u043d\u0435\u0440\u0433\u0438\u044f<\/span>\n <br>\n \u0412\u0430\u0448\u0435\u0433\u043e \u041f\u0440\u0438\u0437\u0432\u0430\u043d\u0438\u044f\n <\/h1>\n <p class=\"mt-4 max-w-2xl mx-auto text-base text-gray-600 px-2\">\n \u041c\u044b \u0432\u0435\u0440\u0438\u043c \u0447\u0442\u043e \u0441\u0438\u043b\u0430 \u043b\u044e\u0431\u0432\u0438 \u043a \u0441\u0432\u043e\u0435\u043c\u0443 \u0434\u0435\u043b\u043e \u044d\u0442\u043e \u043a\u043b\u044e\u0447 \u043a \u0440\u0430\u0441\u043a\u0440\u044b\u0442\u0438\u044e \u0432\u044b\u0441\u0448\u0435\u0433\u043e \u043f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b\u0430 \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430 \u0438 \u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430.\n <\/p>\n <a href=\"#energy\" class=\"mt-8 inline-block bg-[#D4AF37] text-white font-bold py-3 px-6 rounded-lg shadow-lg hover:bg-[#A27B1C] transition-all transform hover:scale-105 text-sm md:text-base\">\n \u041f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u044c\n <\/a>\n <\/div>\n <\/section>\n\n <!-- Energy Section (Sliders and Chart) -->\n <section id=\"energy\" class=\"py-16 md:py-20 bg-white\">\n <div class=\"container mx-auto px-4\">\n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl font-bold\">\u0418\u0441\u0442\u043e\u0447\u043d\u0438\u043a \u042d\u043d\u0435\u0440\u0433\u0438\u0438<\/h2>\n <p class=\"mt-3 max-w-3xl mx-auto text-gray-600 text-sm md:text-base\">\n \u041c\u044b \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u043c \u043b\u044e\u0431\u043e\u0432\u044c \u043d\u0435 \u043a\u0430\u043a \u044d\u043c\u043e\u0446\u0438\u044e, \u0430 \u043a\u0430\u043a \u0440\u0435\u0430\u043b\u044c\u043d\u0443\u044e \u044d\u043d\u0435\u0440\u0433\u0438\u044e. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \"\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u042d\u043d\u0435\u0440\u0433\u0438\u0438\", \u0447\u0442\u043e\u0431\u044b \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c, \u043a\u0430\u043a \u0432\u0430\u0448\u0435 \u0434\u0435\u043b\u043e \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442 \u044d\u0442\u0443 \u0441\u043e\u0437\u0438\u0434\u0430\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u0441\u0438\u043b\u0443.\n <\/p>\n <\/div>\n\n <!-- Grid stacks on mobile, becomes 2 columns on large screens -->\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center\">\n <div class=\"space-y-6 order-2 lg:order-1\">\n <!-- Sliders are full width by default -->\n <div class=\"p-3 bg-gray-50 rounded-lg shadow-sm\">\n <div class=\"flex justify-between items-center mb-1\">\n <label for=\"intensity\" class=\"font-semibold text-sm\">1. \u0418\u043d\u0442\u0435\u043d\u0441\u0438\u0432\u043d\u043e\u0441\u0442\u044c<\/label>\n <span id=\"intensityValue\" class=\"text-xs font-mono bg-yellow-100 text-yellow-800 px-2 py-1 rounded\">5<\/span>\n <\/div>\n <p class=\"text-xs text-gray-500 mb-2\">\u041d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0433\u043b\u0443\u0431\u043e\u043a\u0430 \u0432\u0430\u0448\u0430 \u0441\u0442\u0440\u0430\u0441\u0442\u044c? (0-10)<\/p>\n <input id=\"intensity\" type=\"range\" min=\"0\" max=\"10\" value=\"5\" class=\"w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer slider-thumb\">\n <\/div>\n <div class=\"p-3 bg-gray-50 rounded-lg shadow-sm\">\n <div class=\"flex justify-between items-center mb-1\">\n <label for=\"extensity\" class=\"font-semibold text-sm\">2. \u042d\u043a\u0441\u0442\u0435\u043d\u0441\u0438\u0432\u043d\u043e\u0441\u0442\u044c<\/label>\n <span id=\"extensityValue\" class=\"text-xs font-mono bg-yellow-100 text-yellow-800 px-2 py-1 rounded\">5<\/span>\n <\/div>\n <p class=\"text-xs text-gray-500 mb-2\">\u041d\u0430 \u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043b\u044e\u0434\u044f\u0445 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0430 \u043f\u043e\u043b\u044c\u0437\u0430? (0-10)<\/p>\n <input id=\"extensity\" type=\"range\" min=\"0\" max=\"10\" value=\"5\" class=\"w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer slider-thumb\">\n <\/div>\n <div class=\"p-3 bg-gray-50 rounded-lg shadow-sm\">\n <div class=\"flex justify-between items-center mb-1\">\n <label for=\"duration\" class=\"font-semibold text-sm\">3. \u041f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c<\/label>\n <span id=\"durationValue\" class=\"text-xs font-mono bg-yellow-100 text-yellow-800 px-2 py-1 rounded\">5<\/span>\n <\/div>\n <p class=\"text-xs text-gray-500 mb-2\">\u041a\u0430\u043a \u0434\u043e\u043b\u0433\u043e \u0432\u044b \u0433\u043e\u0442\u043e\u0432\u044b \u044d\u0442\u0438\u043c \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u044c\u0441\u044f? (0-10)<\/p>\n <input id=\"duration\" type=\"range\" min=\"0\" max=\"10\" value=\"5\" class=\"w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer slider-thumb\">\n <\/div>\n <div class=\"p-3 bg-gray-50 rounded-lg shadow-sm\">\n <div class=\"flex justify-between items-center mb-1\">\n <label for=\"purity\" class=\"font-semibold text-sm\">4. \u0427\u0438\u0441\u0442\u043e\u0442\u0430<\/label>\n <span id=\"purityValue\" class=\"text-xs font-mono bg-yellow-100 text-yellow-800 px-2 py-1 rounded\">5<\/span>\n <\/div>\n <p class=\"text-xs text-gray-500 mb-2\">\u041a\u0430\u043a\u043e\u0432\u0430 \u0432\u0430\u0448\u0430 \u043c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044f? (0-10)<\/p>\n <input id=\"purity\" type=\"range\" min=\"0\" max=\"10\" value=\"5\" class=\"w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer slider-thumb\">\n <\/div>\n <div class=\"p-3 bg-gray-50 rounded-lg shadow-sm\">\n <div class=\"flex justify-between items-center mb-1\">\n <label for=\"adequacy\" class=\"font-semibold text-sm\">5. \u0410\u0434\u0435\u043a\u0432\u0430\u0442\u043d\u043e\u0441\u0442\u044c<\/label>\n <span id=\"adequacyValue\" class=\"text-xs font-mono bg-yellow-100 text-yellow-800 px-2 py-1 rounded\">5<\/span>\n <\/div>\n <p class=\"text-xs text-gray-500 mb-2\">\u041d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043c\u0443\u0434\u0440\u043e \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e \u0432\u044b \u0434\u0435\u0439\u0441\u0442\u0432\u0443\u0435\u0442\u0435? (0-10)<\/p>\n <input id=\"adequacy\" type=\"range\" min=\"0\" max=\"10\" value=\"5\" class=\"w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer slider-thumb\">\n <\/div>\n <\/div>\n <!-- Chart container optimized for mobile height -->\n <div class=\"chart-container order-1 lg:order-2\">\n <canvas id=\"energyChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Alchemists Section (Horizontal Scroll Cards) -->\n <section id=\"alchemists\" class=\"py-16 md:py-20 bg-[#FDFBF8]\">\n <div class=\"container mx-auto px-4\">\n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl font-bold\">\u0410\u043b\u0445\u0438\u043c\u0438\u043a\u0438 \u041f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b\u0430<\/h2>\n <p class=\"mt-3 max-w-3xl mx-auto text-gray-600 text-sm md:text-base\">\n \u0418\u0441\u0442\u043e\u0440\u0438\u0438 \u0433\u0435\u043d\u0438\u0435\u0432, \u0447\u0435\u0439 \u0432\u043a\u043b\u0430\u0434 \u0438\u0437\u043c\u0435\u043d\u0438\u043b \u043c\u0438\u0440. \u0418\u0445 \u0434\u0432\u0438\u0436\u0443\u0449\u0435\u0439 \u0441\u0438\u043b\u043e\u0439 \u0431\u044b\u043b\u0430 \u0441\u0442\u0440\u0430\u0441\u0442\u043d\u0430\u044f, \u0430\u043b\u044c\u0442\u0440\u0443\u0438\u0441\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043b\u044e\u0431\u043e\u0432\u044c \u043a \u0441\u0432\u043e\u0435\u043c\u0443 \u0434\u0435\u043b\u0443.\n <\/p>\n <\/div>\n <\/div> <!-- \u041a\u043e\u043d\u0435\u0446 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u0441 \u043e\u0431\u0449\u0438\u043c \u043e\u0442\u0441\u0442\u0443\u043f\u043e\u043c -->\n \n <!-- \u041d\u0430\u0447\u0430\u043b\u043e \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u0441\u043a\u0440\u043e\u043b\u043b\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430\u043c \u0432\u044b\u0433\u043b\u044f\u0434\u044b\u0432\u0430\u0442\u044c -->\n <div class=\"relative\">\n <!-- space-x-2 \u0443\u043c\u0435\u043d\u044c\u0448\u0430\u0435\u0442 \u0438\u043d\u0442\u0435\u0440\u0432\u0430\u043b \u043c\u0435\u0436\u0434\u0443 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430\u043c\u0438. pl-4 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u0441\u043a\u0440\u043e\u043b\u043b \u0441 \u043e\u0442\u0441\u0442\u0443\u043f\u043e\u043c. pr-8 \u0434\u043b\u044f \u0437\u0430\u043f\u0430\u0441\u0430 \u043f\u043e\u0441\u043b\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0439 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438. -->\n <div id=\"alchemistsContainer\" class=\"flex overflow-x-auto snap-x snap-mandatory card-container pb-6 pl-4 pr-8 space-x-2\">\n <!-- \u0424\u0418\u041a\u0421: \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 w-[80vw] \u0434\u043b\u044f \u044d\u0444\u0444\u0435\u043a\u0442\u0430 \"\u0432\u044b\u0433\u043b\u044f\u0434\u044b\u0432\u0430\u043d\u0438\u044f\" \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u043a\u0430\u0440\u0442\u044b -->\n <div class=\"snap-center shrink-0 w-[80vw] max-w-sm md:w-96\">\n <div class=\"bg-white rounded-xl shadow-lg p-5 h-full flex flex-col justify-between\">\n <h3 class=\"text-lg font-bold mb-2\">\u041c\u0430\u0440\u0438\u044f \u041a\u044e\u0440\u0438<\/h3>\n <p class=\"text-gray-600 text-xs mb-3\">\"\u0412 \u0436\u0438\u0437\u043d\u0438 \u043d\u0435\u0442 \u043d\u0438\u0447\u0435\u0433\u043e, \u0447\u0435\u0433\u043e \u043d\u0443\u0436\u043d\u043e \u0431\u043e\u044f\u0442\u044c\u0441\u044f, \u0435\u0441\u0442\u044c \u043b\u0438\u0448\u044c \u0442\u043e, \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043d\u044f\u0442\u044c\".<\/p>\n <div class=\"text-xs space-y-2\">\n <p>\u26a1\ufe0f<span class=\"font-semibold\">\u0418\u043d\u0442\u0435\u043d\u0441\u0438\u0432\u043d\u043e\u0441\u0442\u044c:<\/span> \u041f\u043e\u0441\u0432\u044f\u0442\u0438\u043b\u0430 \u0436\u0438\u0437\u043d\u044c \u043d\u0430\u0443\u043a\u0435, \u0440\u0430\u0431\u043e\u0442\u0430\u044f \u0432 \u043e\u043f\u0430\u0441\u043d\u044b\u0445 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445.<\/p>\n <p>\u2728<span class=\"font-semibold\">\u0427\u0438\u0441\u0442\u043e\u0442\u0430:<\/span> \u041e\u0442\u043a\u0430\u0437\u0430\u043b\u0430\u0441\u044c \u043f\u0430\u0442\u0435\u043d\u0442\u043e\u0432\u0430\u0442\u044c \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u0435 \u0440\u0430\u0434\u0438\u044f \u0434\u043b\u044f \u0431\u043b\u0430\u0433\u0430 \u0447\u0435\u043b\u043e\u0432\u0435\u0447\u0435\u0441\u0442\u0432\u0430.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"snap-center shrink-0 w-[80vw] max-w-sm md:w-96\">\n <div class=\"bg-white rounded-xl shadow-lg p-5 h-full flex flex-col justify-between\">\n <h3 class=\"text-lg font-bold mb-2\">\u041b\u0435\u043e\u043d\u0430\u0440\u0434\u043e \u0434\u0430 \u0412\u0438\u043d\u0447\u0438<\/h3>\n <p class=\"text-gray-600 text-xs mb-3\">\"\u041b\u044e\u0431\u043e\u0432\u044c \u2013 \u044d\u0442\u043e \u043a\u0440\u044b\u043b\u044c\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0411\u043e\u0433 \u0434\u0430\u043b \u0434\u0443\u0448\u0435, \u0447\u0442\u043e\u0431\u044b \u043e\u043d\u0430 \u043c\u043e\u0433\u043b\u0430 \u043f\u043e\u0434\u043d\u044f\u0442\u044c\u0441\u044f \u043a \u041d\u0435\u043c\u0443.\"<\/p>\n <div class=\"text-xs space-y-2\">\n <p>\ud83c\udf10 <span class=\"font-semibold\">\u042d\u043a\u0441\u0442\u0435\u043d\u0441\u0438\u0432\u043d\u043e\u0441\u0442\u044c:<\/span> \u0415\u0433\u043e \u0440\u0430\u0431\u043e\u0442\u044b \u043f\u043e\u0432\u043b\u0438\u044f\u043b\u0438 \u043d\u0430 \u0432\u0441\u044e \u0446\u0438\u0432\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u044e.<\/p>\n <p>\u23f3 <span class=\"font-semibold\">\u041f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c:<\/span> \u041d\u0435\u0443\u0442\u043e\u043c\u0438\u043c\u043e\u0435 \u043b\u044e\u0431\u043e\u043f\u044b\u0442\u0441\u0442\u0432\u043e \u043d\u0430 \u043f\u0440\u043e\u0442\u044f\u0436\u0435\u043d\u0438\u0438 \u0432\u0441\u0435\u0439 \u0436\u0438\u0437\u043d\u0438.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"snap-center shrink-0 w-[80vw] max-w-sm md:w-96\">\n <div class=\"bg-white rounded-xl shadow-lg p-5 h-full flex flex-col justify-between\">\n <h3 class=\"text-lg font-bold mb-2\">\u041a\u0430\u0440\u043b \u042e\u043d\u0433<\/h3>\n <p class=\"text-gray-600 text-xs mb-3\">\"\u0422\u0430\u043c, \u0433\u0434\u0435 \u043f\u0440\u0430\u0432\u0438\u0442 \u043b\u044e\u0431\u043e\u0432\u044c, \u043d\u0435\u0442 \u0432\u043e\u043b\u0438 \u043a \u0432\u043b\u0430\u0441\u0442\u0438, \u0430 \u0433\u0434\u0435 \u043f\u0440\u0430\u0432\u0438\u0442 \u0432\u043b\u0430\u0441\u0442\u044c, \u0442\u0430\u043c \u043d\u0435\u0442 \u043b\u044e\u0431\u0432\u0438.\"<\/p>\n <div class=\"text-xs space-y-2\">\n <p>\ud83c\udfaf <span class=\"font-semibold\">\u0410\u0434\u0435\u043a\u0432\u0430\u0442\u043d\u043e\u0441\u0442\u044c:<\/span> \u0421\u043e\u0437\u0434\u0430\u043b \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u044f \u0433\u043b\u0443\u0431\u0438\u043d \u0447\u0435\u043b\u043e\u0432\u0435\u0447\u0435\u0441\u043a\u043e\u0439 \u043f\u0441\u0438\u0445\u0438\u043a\u0438.<\/p>\n <p>\u2728<span class=\"font-semibold\">\u0427\u0438\u0441\u0442\u043e\u0442\u0430:<\/span> \u0418\u0441\u043a\u0430\u043b \u0438\u0441\u0442\u0438\u043d\u0443 \u043e \u0447\u0435\u043b\u043e\u0432\u0435\u0447\u0435\u0441\u043a\u043e\u0439 \u0434\u0443\u0448\u0435.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"snap-center shrink-0 w-[80vw] max-w-sm md:w-96\">\n <div class=\"bg-white rounded-xl shadow-lg p-5 h-full flex flex-col justify-between\">\n <h3 class=\"text-lg font-bold mb-2\">\u0413\u0440\u0438\u0433\u043e\u0440\u0438\u0439 \u041f\u0435\u0440\u0435\u043b\u044c\u043c\u0430\u043d<\/h3>\n <p class=\"text-gray-600 text-xs mb-3\">\"\u042f \u0437\u043d\u0430\u044e, \u043a\u0430\u043a \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0412\u0441\u0435\u043b\u0435\u043d\u043d\u043e\u0439. \u0418 \u0441\u043a\u0430\u0436\u0438\u0442\u0435 \u2014 \u0437\u0430\u0447\u0435\u043c \u0436\u0435 \u043c\u043d\u0435 \u0431\u0435\u0436\u0430\u0442\u044c \u0437\u0430 \u043c\u0438\u043b\u043b\u0438\u043e\u043d\u043e\u043c?!\"<\/p>\n <div class=\"text-xs space-y-2\">\n <p>\u2728 <span class=\"font-semibold\">\u0427\u0438\u0441\u0442\u043e\u0442\u0430:<\/span> \u041e\u0442\u043a\u0430\u0437\u0430\u043b\u0441\u044f \u043e\u0442 \u043f\u0440\u0435\u043c\u0438\u0438, \u0441\u0447\u0438\u0442\u0430\u044f \u0432\u043a\u043b\u0430\u0434 \u0434\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435\u043c \u0447\u0435\u043b\u043e\u0432\u0435\u0447\u0435\u0441\u0442\u0432\u0430.<\/p>\n <p>\u26a1\ufe0f <span class=\"font-semibold\">\u0418\u043d\u0442\u0435\u043d\u0441\u0438\u0432\u043d\u043e\u0441\u0442\u044c:<\/span> \u0413\u043e\u0434\u044b \u0443\u0435\u0434\u0438\u043d\u0435\u043d\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u043d\u0430\u0434 \u0441\u043b\u043e\u0436\u043d\u0435\u0439\u0448\u0435\u0439 \u043c\u0430\u0442\u0435\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0435\u0439.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Manifesto Section (Clickable Diagram) -->\n <section id=\"manifesto\" class=\"py-16 md:py-20 bg-white\">\n <div class=\"container mx-auto px-4\">\n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl font-bold\">\u041c\u0430\u043d\u0438\u0444\u0435\u0441\u0442 Hobbist<\/h2>\n <p class=\"mt-3 max-w-3xl mx-auto text-gray-600 text-sm md:text-base\">\n \u041f\u0440\u043e\u0435\u043a\u0442 <span class=\"font-bold hobbist-gradient-text\">Hobbist<\/span> \u2014 \u044d\u0442\u043e \u0446\u0438\u043a\u043b \u0441\u043e\u0437\u0438\u0434\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u044d\u043d\u0435\u0440\u0433\u0438\u0438. \u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u044d\u0442\u0430\u043f, \u0447\u0442\u043e\u0431\u044b \u0443\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435.\n <\/p>\n <\/div>\n <!-- \u0424\u0418\u041a\u0421: max-w \u0434\u043b\u044f \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432 280px \u0434\u043b\u044f \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u044f \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438 \u0438\u0437-\u0437\u0430 \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u044b\u0445 \u043f\u043e\u0437\u0438\u0446\u0438\u0439. -->\n <div class=\"relative max-w-[280px] sm:max-w-[400px] lg:max-w-[480px] mx-auto flex items-center justify-center aspect-square\">\n <div id=\"manifesto-info\" class=\"absolute inset-0 m-auto flex items-center justify-center text-center px-12 py-2 text-xs md:text-sm\">\n <p class=\"text-gray-700\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0446\u0438\u043a\u043b\u0430, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u0435\u0433\u043e \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435.<\/p>\n <\/div>\n <div class=\"absolute w-full h-full border-2 border-dashed border-yellow-300 rounded-full\"><\/div>\n \n <!-- Nodes adjusted for tap target size via custom CSS -->\n <div id=\"passion-node\" class=\"manifesto-node absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-1\/2\" data-title=\"1. \u041b\u0438\u0447\u043d\u0430\u044f \u0421\u0442\u0440\u0430\u0441\u0442\u044c\" data-text=\"\u0412\u0441\u0435 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441 \u0438\u0441\u043a\u0440\u044b \u2014 \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u0437\u0430\u0436\u0438\u0433\u0430\u0435\u0442 \u0432\u0430\u0441 \u0438\u0437\u043d\u0443\u0442\u0440\u0438. \u042d\u0442\u043e \u0442\u043e, \u0431\u0435\u0437 \u0447\u0435\u0433\u043e \u0432\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435. Hobbist \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043d\u0430\u0439\u0442\u0438 \u0438 \u0443\u0441\u0438\u043b\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u043e\u0433\u043e\u043d\u044c.\">\n <button class=\"bg-yellow-100 rounded-full flex items-center justify-center text-center font-semibold p-2 shadow-md hover:scale-110 transition-transform\">\u041b\u0438\u0447\u043d\u0430\u044f \u0421\u0442\u0440\u0430\u0441\u0442\u044c<\/button>\n <\/div>\n \n <div id=\"skill-node\" class=\"manifesto-node absolute top-1\/2 right-0 translate-x-1\/2 -translate-y-1\/2\" data-title=\"2. \u0420\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u041c\u0430\u0441\u0442\u0435\u0440\u0441\u0442\u0432\u0430\" data-text=\"\u0421\u0442\u0440\u0430\u0441\u0442\u044c \u0431\u0435\u0437 \u043c\u0430\u0441\u0442\u0435\u0440\u0441\u0442\u0432\u0430 \u2014 \u043b\u0438\u0448\u044c \u044d\u043c\u043e\u0446\u0438\u044f. Hobbist \u2014 \u044d\u0442\u043e \u0441\u0440\u0435\u0434\u0430 \u0434\u043b\u044f \u043e\u0442\u0442\u0430\u0447\u0438\u0432\u0430\u043d\u0438\u044f \u043d\u0430\u0432\u044b\u043a\u043e\u0432 \u0438 \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0435\u043d\u0438\u044f \u0443\u0432\u043b\u0435\u0447\u0435\u043d\u0438\u044f \u0432 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u0438\u0437\u043c \u0447\u0435\u0440\u0435\u0437 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0443.\">\n <button class=\"bg-yellow-100 rounded-full flex items-center justify-center text-center font-semibold p-2 shadow-md hover:scale-110 transition-transform\">\u0420\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u041c\u0430\u0441\u0442\u0435\u0440\u0441\u0442\u0432\u0430<\/button>\n <\/div>\n\n <div id=\"impact-node\" class=\"manifesto-node absolute bottom-0 left-1\/2 -translate-x-1\/2 translate-y-1\/2\" data-title=\"3. \u041e\u0431\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u041f\u043e\u043b\u044c\u0437\u0430\" data-text=\"\u0412\u044b\u0441\u0448\u0430\u044f \u0444\u043e\u0440\u043c\u0430 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u2014 \u043a\u043e\u0433\u0434\u0430 \u0432\u0430\u0448\u0435 \u0434\u0435\u043b\u043e \u043f\u0440\u0438\u043d\u043e\u0441\u0438\u0442 \u043f\u043e\u043b\u044c\u0437\u0443 \u0434\u0440\u0443\u0433\u0438\u043c. Hobbist \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043d\u0430\u0439\u0442\u0438 \u0442\u043e\u0447\u043a\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0442\u0430\u043b\u0430\u043d\u0442\u0430 \u0434\u043b\u044f \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c.\">\n <button class=\"bg-yellow-100 rounded-full flex items-center justify-center text-center font-semibold p-2 shadow-md hover:scale-110 transition-transform\">\u041e\u0431\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u041f\u043e\u043b\u044c\u0437\u0430<\/button>\n <\/div>\n\n <div id=\"fulfillment-node\" class=\"manifesto-node absolute top-1\/2 left-0 -translate-x-1\/2 -translate-y-1\/2\" data-title=\"4. \u041b\u0438\u0447\u043d\u0430\u044f \u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f\" data-text=\"\u0412\u0438\u0434\u044f \u0440\u0435\u0430\u043b\u044c\u043d\u0443\u044e \u043f\u043e\u043b\u044c\u0437\u0443 \u043e\u0442 \u0441\u0432\u043e\u0435\u0433\u043e \u0434\u0435\u043b\u0430, \u0432\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0435 \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0434\u0435\u043d\u044c\u0433\u0438 \u0438\u043b\u0438 \u043f\u0440\u0438\u0437\u043d\u0430\u043d\u0438\u0435, \u0430 \u0433\u043b\u0443\u0431\u043e\u043a\u043e\u0435 \u0447\u0443\u0432\u0441\u0442\u0432\u043e \u0441\u043c\u044b\u0441\u043b\u0430 \u0438 \u0443\u0434\u043e\u0432\u043b\u0435\u0442\u0432\u043e\u0440\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043f\u0438\u0442\u0430\u0435\u0442 \u0432\u0430\u0448\u0443 \u0441\u0442\u0440\u0430\u0441\u0442\u044c. \u0426\u0438\u043a\u043b \u0437\u0430\u043c\u044b\u043a\u0430\u0435\u0442\u0441\u044f.\">\n <button class=\"bg-yellow-100 rounded-full flex items-center justify-center text-center font-semibold p-2 shadow-md hover:scale-110 transition-transform\">\u041b\u0438\u0447\u043d\u0430\u044f \u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Path Section (Idea Generator) -->\n <section id=\"path\" class=\"py-16 md:py-20 bg-[#FDFBF8]\">\n <div class=\"container mx-auto px-4\">\n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl font-bold\">\u0412\u0430\u0448 \u041f\u0443\u0442\u044c: \u0413\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440 \u041d\u0435\u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0445 \u0418\u0434\u0435\u0439<\/h2>\n <p class=\"mt-3 max-w-3xl mx-auto text-gray-600 text-sm md:text-base\">\n \u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u0432\u043e\u044e \u0441\u0442\u0440\u0430\u0441\u0442\u044c \u0432 \"\u0420\u0435\u0437\u043e\u043d\u0430\u0442\u043e\u0440 \u0418\u0434\u0435\u0439\". \u041e\u043d \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u0442 \u043d\u0435\u043e\u0436\u0438\u0434\u0430\u043d\u043d\u044b\u0435, \u0430\u043b\u044c\u0442\u0440\u0443\u0438\u0441\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0441\u043f\u043e\u0441\u043e\u0431\u044b \u0435\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f, \u043e \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0432\u044b, \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u043d\u0435 \u0437\u0430\u0434\u0443\u043c\u044b\u0432\u0430\u043b\u0438\u0441\u044c.\n <\/p>\n <\/div>\n <div class=\"max-w-2xl mx-auto\">\n <!-- Default to stacking inputs on mobile -->\n <div class=\"flex flex-col sm:flex-row gap-4\">\n <input type=\"text\" id=\"passionInput\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: \u0412\u0438\u0434\u0435\u043e\u0438\u0433\u0440\u044b, \u0432\u044f\u0437\u0430\u043d\u0438\u0435, \u0438\u0441\u0442\u043e\u0440\u0438\u044f...\" class=\"flex-grow p-3 border-2 border-gray-300 rounded-lg focus:ring-2 focus:ring-yellow-400 focus:border-yellow-400 outline-none transition text-sm\">\n <button id=\"generateIdeas\" class=\"bg-[#D4AF37] text-white font-bold py-3 px-6 rounded-lg shadow-lg hover:bg-[#A27B1C] transition-all transform hover:scale-105 shrink-0 text-sm\">\u0420\u0435\u0437\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u2728<\/button>\n <\/div>\n <div id=\"ideasOutput\" class=\"mt-8 bg-white p-6 rounded-xl shadow-lg min-h-[100px]\">\n <p class=\"text-gray-500 text-center text-sm\">\u0417\u0434\u0435\u0441\u044c \u043f\u043e\u044f\u0432\u044f\u0442\u0441\u044f \u0438\u0434\u0435\u0438...<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"bg-gray-800 text-white py-6\">\n <div class=\"container mx-auto px-4 text-center text-xs\">\n <p>\u0421\u043e\u0437\u0434\u0430\u043d\u043e \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0438\u0434\u0435\u0439 \u041f\u0438\u0442\u0438\u0440\u0438\u043c\u0430 \u0421\u043e\u0440\u043e\u043a\u0438\u043d\u0430, \u0438\u0437\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0445 \u0432 \u0440\u0430\u0431\u043e\u0442\u0435 \"\u0422\u0430\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u044d\u043d\u0435\u0440\u0433\u0438\u044f \u043b\u044e\u0431\u0432\u0438\".<\/p>\n <p class=\"mt-1 opacity-70\">\u042d\u0442\u043e \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0435 \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0434\u043b\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430 Hobbist, 2025.<\/p>\n <\/div>\n <\/footer>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const ctx = document.getElementById('energyChart').getContext('2d');\n const sliders = {\n intensity: document.getElementById('intensity'),\n extensity: document.getElementById('extensity'),\n duration: document.getElementById('duration'),\n purity: document.getElementById('purity'),\n adequacy: document.getElementById('adequacy'),\n };\n const values = {\n intensity: document.getElementById('intensityValue'),\n extensity: document.getElementById('extensityValue'),\n duration: document.getElementById('durationValue'),\n purity: document.getElementById('purityValue'),\n adequacy: document.getElementById('adequacyValue'),\n };\n\n const chartData = {\n labels: ['\u0418\u043d\u0442\u0435\u043d\u0441\u0438\u0432\u043d\u043e\u0441\u0442\u044c', '\u042d\u043a\u0441\u0442\u0435\u043d\u0441\u0438\u0432\u043d\u043e\u0441\u0442\u044c', '\u041f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c', '\u0427\u0438\u0441\u0442\u043e\u0442\u0430', '\u0410\u0434\u0435\u043a\u0432\u0430\u0442\u043d\u043e\u0441\u0442\u044c'],\n datasets: [{\n label: '\u042d\u043d\u0435\u0440\u0433\u0438\u044f \u041b\u044e\u0431\u0432\u0438',\n data: [5, 5, 5, 5, 5],\n backgroundColor: 'rgba(212, 175, 55, 0.2)',\n borderColor: 'rgba(212, 175, 55, 1)',\n borderWidth: 2,\n pointBackgroundColor: 'rgba(212, 175, 55, 1)',\n pointBorderColor: '#fff',\n pointHoverBackgroundColor: '#fff',\n pointHoverBorderColor: 'rgba(212, 175, 55, 1)'\n }]\n };\n\n const energyChart = new Chart(ctx, {\n type: 'radar',\n data: chartData,\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n r: {\n angleLines: { color: 'rgba(56, 49, 39, 0.1)' },\n grid: { color: 'rgba(56, 49, 39, 0.1)' },\n pointLabels: {\n font: { size: 10, weight: 'bold' },\n color: '#383127'\n },\n ticks: {\n backdropColor: 'rgba(253, 251, 248, 0.7)',\n color: '#7f7365',\n stepSize: 2\n },\n min: 0,\n max: 10\n }\n },\n plugins: {\n legend: {\n display: false\n }\n }\n }\n });\n\n function updateChart() {\n const newData = Object.values(sliders).map(slider => slider.value);\n energyChart.data.datasets[0].data = newData;\n energyChart.update();\n }\n\n Object.entries(sliders).forEach(([key, slider]) => {\n slider.addEventListener('input', () => {\n values[key].textContent = slider.value;\n updateChart();\n });\n });\n\n const manifestoNodes = document.querySelectorAll('.manifesto-node');\n const manifestoInfo = document.getElementById('manifesto-info');\n manifestoNodes.forEach(node => {\n node.addEventListener('click', () => {\n const title = node.dataset.title;\n const text = node.dataset.text;\n \/\/ Dynamic content structure (font size is already optimized)\n manifestoInfo.innerHTML = `\n <div class=\"transition-opacity duration-300 opacity-100\">\n <h3 class=\"text-lg md:text-xl font-bold hobbist-gradient-text mb-2\">${title}<\/h3>\n <p class=\"text-gray-700 text-xs md:text-sm\">${text}<\/p>\n <\/div>\n `;\n manifestoNodes.forEach(n => n.querySelector('button').classList.remove('bg-yellow-300', 'scale-110'));\n node.querySelector('button').classList.add('bg-yellow-300', 'scale-110');\n });\n });\n\n const passionInput = document.getElementById('passionInput');\n const generateButton = document.getElementById('generateIdeas');\n const ideasOutput = document.getElementById('ideasOutput');\n\n const ideasMap = {\n '\u0438\u0433\u0440\u0430': [\n \"\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0442\u0435\u0440\u0430\u043f\u0435\u0432\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0438\u0433\u0440 \u0434\u043b\u044f \u0440\u0435\u0430\u0431\u0438\u043b\u0438\u0442\u0430\u0446\u0438\u0438 \u043f\u043e\u0441\u043b\u0435 \u0442\u0440\u0430\u0432\u043c.\",\n \"\u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f \u043a\u0438\u0431\u0435\u0440\u0441\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u044b\u0445 \u0442\u0443\u0440\u043d\u0438\u0440\u043e\u0432 \u0434\u043b\u044f \u0441\u0431\u043e\u0440\u0430 \u0441\u0440\u0435\u0434\u0441\u0442\u0432 \u043d\u0430 \u0431\u043b\u0430\u0433\u043e\u0442\u0432\u043e\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c.\",\n \"\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0438\u0433\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u0431\u0443\u0447\u0430\u044e\u0442 \u0441\u043b\u043e\u0436\u043d\u044b\u043c \u0442\u0435\u043c\u0430\u043c \u0432 \u0443\u0432\u043b\u0435\u043a\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0444\u043e\u0440\u043c\u0435.\",\n \"\u0412\u0435\u0434\u0435\u043d\u0438\u0435 \u0441\u0442\u0440\u0438\u043c\u043e\u0432, \u0441\u043e\u0437\u0434\u0430\u044e\u0449\u0438\u0445 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0449\u0435\u0435 \u0438 \u0438\u043d\u043a\u043b\u044e\u0437\u0438\u0432\u043d\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e.\"\n ],\n '\u0432\u044f\u0437\u0430\u043d\u0438\u0435': [\n \"\u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f \u043c\u0430\u0441\u0442\u0435\u0440-\u043a\u043b\u0430\u0441\u0441\u043e\u0432 \u043f\u043e \u0432\u044f\u0437\u0430\u043d\u0438\u044e \u0432 \u0434\u043e\u043c\u0430\u0445 \u043f\u0440\u0435\u0441\u0442\u0430\u0440\u0435\u043b\u044b\u0445 \u0434\u043b\u044f \u0441\u043e\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u043c\u0435\u043b\u043a\u043e\u0439 \u043c\u043e\u0442\u043e\u0440\u0438\u043a\u0438.\",\n \"\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0438 \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0430 \u0442\u0435\u043f\u043b\u044b\u0445 \u0432\u0435\u0449\u0435\u0439 \u0434\u043b\u044f \u043d\u0435\u0434\u043e\u043d\u043e\u0448\u0435\u043d\u043d\u044b\u0445 \u0434\u0435\u0442\u0435\u0439 \u0438\u043b\u0438 \u0431\u0435\u0437\u0434\u043e\u043c\u043d\u044b\u0445.\",\n \"\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 '\u0430\u0440\u0442-\u0442\u0435\u0440\u0430\u043f\u0438\u0438' \u0447\u0435\u0440\u0435\u0437 \u0432\u044f\u0437\u0430\u043d\u0438\u0435 \u0434\u043b\u044f \u043b\u044e\u0434\u0435\u0439 \u0441 \u0442\u0440\u0435\u0432\u043e\u0436\u043d\u044b\u043c\u0438 \u0440\u0430\u0441\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430\u043c\u0438.\",\n \"\u0412\u0435\u0434\u0435\u043d\u0438\u0435 \u0431\u043b\u043e\u0433\u0430, \u0432\u043e\u0437\u0440\u043e\u0436\u0434\u0430\u044e\u0449\u0435\u0433\u043e \u0437\u0430\u0431\u044b\u0442\u044b\u0435 \u0442\u0435\u0445\u043d\u0438\u043a\u0438 \u0432\u044f\u0437\u0430\u043d\u0438\u044f \u043a\u0430\u043a \u043a\u0443\u043b\u044c\u0442\u0443\u0440\u043d\u043e\u0435 \u043d\u0430\u0441\u043b\u0435\u0434\u0438\u0435.\"\n ],\n '\u0438\u0441\u0442\u043e\u0440\u0438\u044f': [\n \"\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u0438\u0441\u0442\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043a\u0430\u0440\u0442 \u0438\u043b\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0434\u043b\u044f \u0448\u043a\u043e\u043b.\",\n \"\u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0445 \u043f\u0435\u0448\u0438\u0445 \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u0439 \u043f\u043e \u043c\u0430\u043b\u043e\u0438\u0437\u0432\u0435\u0441\u0442\u043d\u044b\u043c \u0438\u0441\u0442\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u043c\u0435\u0441\u0442\u0430\u043c \u0432\u0430\u0448\u0435\u0433\u043e \u0433\u043e\u0440\u043e\u0434\u0430.\",\n \"\u0412\u043e\u043b\u043e\u043d\u0442\u0435\u0440\u0441\u043a\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0430 \u0432 \u0430\u0440\u0445\u0438\u0432\u0430\u0445 \u043f\u043e \u043e\u0446\u0438\u0444\u0440\u043e\u0432\u043a\u0435 \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432.\",\n \"\u0417\u0430\u043f\u0438\u0441\u044c \u043f\u043e\u0434\u043a\u0430\u0441\u0442\u0430, \u0433\u0434\u0435 \u0438\u0441\u0442\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u043e\u0431\u044a\u044f\u0441\u043d\u044f\u044e\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 \u043b\u0438\u0447\u043d\u044b\u0435 \u0438\u0441\u0442\u043e\u0440\u0438\u0438 \u043e\u0431\u044b\u0447\u043d\u044b\u0445 \u043b\u044e\u0434\u0435\u0439.\"\n ],\n '\u043a\u0443\u043b\u0438\u043d\u0430\u0440\u0438\u044f': [\n \"\u041f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043a\u0443\u043b\u0438\u043d\u0430\u0440\u043d\u044b\u0445 \u043a\u0443\u0440\u0441\u043e\u0432 \u0434\u043b\u044f \u0434\u0435\u0442\u0435\u0439 \u0438\u0437 \u043c\u0430\u043b\u043e\u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u043d\u044b\u0445 \u0441\u0435\u043c\u0435\u0439, \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0437\u0434\u043e\u0440\u043e\u0432\u043e\u043c\u0443 \u043f\u0438\u0442\u0430\u043d\u0438\u044e.\",\n \"\u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f '\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u0443\u0436\u0438\u043d\u043e\u0432' \u0434\u043b\u044f \u043e\u0434\u0438\u043d\u043e\u043a\u0438\u0445 \u043b\u044e\u0434\u0435\u0439.\",\n \"\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0438 \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u044f \u0440\u0435\u0446\u0435\u043f\u0442\u043e\u0432 \u0434\u043b\u044f \u043b\u044e\u0434\u0435\u0439 \u0441 \u043e\u0441\u043e\u0431\u044b\u043c\u0438 \u0434\u0438\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u043c\u0438 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u044f\u043c\u0438 (\u0430\u043b\u043b\u0435\u0440\u0433\u0438\u0438, \u0431\u043e\u043b\u0435\u0437\u043d\u0438).\",\n \"\u0412\u043e\u043b\u043e\u043d\u0442\u0435\u0440\u0441\u0442\u0432\u043e \u0432 '\u0444\u0443\u0434\u0448\u0435\u0440\u0438\u043d\u0433\u043e\u0432\u044b\u0445' \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445, \u043f\u0440\u0438\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0435\u0434\u044b \u0438\u0437 '\u0438\u0437\u043b\u0438\u0448\u043a\u043e\u0432' \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432.\"\n ],\n '\u043c\u0443\u0437\u044b\u043a\u0430': [\n \"\u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f \u043a\u043e\u043d\u0446\u0435\u0440\u0442\u043e\u0432 \u0432 \u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430\u0445, \u0445\u043e\u0441\u043f\u0438\u0441\u0430\u0445 \u0438\u043b\u0438 \u043f\u0440\u0438\u044e\u0442\u0430\u0445.\",\n \"\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0445 \u0443\u0440\u043e\u043a\u043e\u0432 \u0438\u043b\u0438 \u043e\u043d\u043b\u0430\u0439\u043d-\u043a\u0443\u0440\u0441\u043e\u0432 \u0434\u043b\u044f \u0442\u0430\u043b\u0430\u043d\u0442\u043b\u0438\u0432\u044b\u0445 \u0434\u0435\u0442\u0435\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0435 \u043c\u043e\u0433\u0443\u0442 \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442\u044c \u0441\u0435\u0431\u0435 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435.\",\n \"\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043c\u0443\u0437\u044b\u043a\u0430\u043b\u044c\u043d\u043e\u0439 \u0442\u0435\u0440\u0430\u043f\u0438\u0438 \u0434\u043b\u044f \u043b\u044e\u0434\u0435\u0439 \u0441 \u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u044f\u043c\u0438.\",\n \"\u041f\u0440\u043e\u0435\u043a\u0442 \u043f\u043e \u0437\u0430\u043f\u0438\u0441\u0438 \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044e \u043d\u0430\u0440\u043e\u0434\u043d\u043e\u0439 \u043c\u0443\u0437\u044b\u043a\u0438 \u0432\u0430\u0448\u0435\u0433\u043e \u0440\u0435\u0433\u0438\u043e\u043d\u0430.\"\n ],\n '\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435': [\n \"\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 open-source \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0434\u043b\u044f \u043d\u0435\u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0445 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0439.\",\n \"\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439, \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0449\u0438\u0445 \u043b\u044e\u0434\u044f\u043c \u0441 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u044b\u043c\u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u043c\u0438 \u0432 \u043f\u043e\u0432\u0441\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0439 \u0436\u0438\u0437\u043d\u0438.\",\n \"\u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0434\u0435\u0442\u0435\u0439 \u0438\u0437 \u043d\u0435\u0431\u043b\u0430\u0433\u043e\u043f\u043e\u043b\u0443\u0447\u043d\u044b\u0445 \u0440\u0430\u0439\u043e\u043d\u043e\u0432 \u043e\u0441\u043d\u043e\u0432\u0430\u043c \u043a\u043e\u0434\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f.\",\n \"\u0412\u043e\u043b\u043e\u043d\u0442\u0435\u0440\u0441\u0442\u0432\u043e \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 '\u0446\u0438\u0444\u0440\u043e\u0432\u043e\u0433\u043e \u0440\u0430\u0432\u0435\u043d\u0441\u0442\u0432\u0430', \u043f\u043e\u043c\u043e\u0433\u0430\u044f \u043f\u043e\u0436\u0438\u043b\u044b\u043c \u043b\u044e\u0434\u044f\u043c \u043e\u0441\u0432\u043e\u0438\u0442\u044c \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438.\"\n ],\n '\u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u0435': [\n \"\u041f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0430\u0440\u0442-\u0442\u0435\u0440\u0430\u043f\u0435\u0432\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0441\u0435\u0441\u0441\u0438\u0439 \u0434\u043b\u044f \u0432\u0435\u0442\u0435\u0440\u0430\u043d\u043e\u0432 \u0438\u043b\u0438 \u0436\u0435\u0440\u0442\u0432 \u043d\u0430\u0441\u0438\u043b\u0438\u044f.\",\n \"\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043c\u0443\u0440\u0430\u043b\u043e\u0432 \u0438 \u0440\u043e\u0441\u043f\u0438\u0441\u0435\u0439 \u0432 '\u0441\u0435\u0440\u044b\u0445' \u0440\u0430\u0439\u043e\u043d\u0430\u0445 \u0433\u043e\u0440\u043e\u0434\u0430 \u0434\u043b\u044f \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044f \u0433\u043e\u0440\u043e\u0434\u0441\u043a\u043e\u0439 \u0441\u0440\u0435\u0434\u044b.\",\n \"\u0418\u043b\u043b\u044e\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0445 \u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432 \u0434\u043b\u044f \u0434\u0435\u0442\u0435\u0439.\",\n \"\u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f \u0432\u044b\u0441\u0442\u0430\u0432\u043e\u043a-\u043f\u0440\u043e\u0434\u0430\u0436, \u0433\u0434\u0435 \u0447\u0430\u0441\u0442\u044c \u0441\u0440\u0435\u0434\u0441\u0442\u0432 \u0438\u0434\u0435\u0442 \u043d\u0430 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 \u043f\u0440\u0438\u044e\u0442\u043e\u0432 \u0434\u043b\u044f \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0445.\"\n ]\n };\n\n generateButton.addEventListener('click', () => {\n const query = passionInput.value.toLowerCase().trim();\n let foundIdeas = [];\n\n if (query === '') {\n ideasOutput.innerHTML = `<p class=\"text-red-500 text-center text-sm\">\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0432\u0430\u0448\u0435 \u0443\u0432\u043b\u0435\u0447\u0435\u043d\u0438\u0435.<\/p>`;\n return;\n }\n\n for (const key in ideasMap) {\n if (query.includes(key)) {\n foundIdeas.push(...ideasMap[key]);\n }\n }\n\n if (foundIdeas.length > 0) {\n ideasOutput.innerHTML = `\n <h4 class=\"font-bold text-base mb-4\">\u041d\u0435\u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 \u0438\u0434\u0435\u0438 \u0434\u043b\u044f \"${passionInput.value}\":<\/h4>\n <ul class=\"list-disc list-inside space-y-2 text-gray-700 text-sm\">\n ${foundIdeas.map(idea => `<li>${idea}<\/li>`).join('')}\n <\/ul>\n `;\n } else {\n ideasOutput.innerHTML = `\n <h4 class=\"font-bold text-base mb-4\">\u041e\u0442\u043b\u0438\u0447\u043d\u0430\u044f \u0442\u0435\u043c\u0430! \u0412\u043e\u0442 \u043e\u0431\u0449\u0438\u0435 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f:<\/h4>\n <ul class=\"list-disc list-inside space-y-2 text-gray-700 text-sm\">\n <li><b>\u041e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0435:<\/b> \u041a\u0430\u043a \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0430\u0443\u0447\u0438\u0442\u044c \u044d\u0442\u043e\u043c\u0443 \u0434\u0440\u0443\u0433\u0438\u0445, \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0442\u0435\u0445, \u0443 \u043a\u043e\u0433\u043e \u043d\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043a \u0437\u043d\u0430\u043d\u0438\u044f\u043c?<\/li>\n <li><b>\u0422\u0435\u0440\u0430\u043f\u0438\u044f:<\/b> \u041c\u043e\u0436\u0435\u0442 \u043b\u0438 \u0432\u0430\u0448\u0435 \u0443\u0432\u043b\u0435\u0447\u0435\u043d\u0438\u0435 \u043f\u043e\u043c\u043e\u0447\u044c \u043b\u044e\u0434\u044f\u043c \u0441\u043f\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f \u0441\u043e \u0441\u0442\u0440\u0435\u0441\u0441\u043e\u043c, \u0442\u0440\u0430\u0432\u043c\u043e\u0439 \u0438\u043b\u0438 \u043e\u0434\u0438\u043d\u043e\u0447\u0435\u0441\u0442\u0432\u043e\u043c?<\/li>\n <li><b>\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e:<\/b> \u041a\u0430\u043a \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u0442\u044c \u043b\u044e\u0434\u0435\u0439 \u0441 \u0442\u0430\u043a\u0438\u043c\u0438 \u0436\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0430\u043c\u0438 \u0434\u043b\u044f \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043e\u0431\u0449\u0435\u0439 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b?<\/li>\n <li><b>\u0421\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435:<\/b> \u041f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043b\u0438 \u0432\u0430\u0448\u0435 \u0434\u0435\u043b\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u043a\u0443\u043b\u044c\u0442\u0443\u0440\u043d\u043e\u0435 \u043d\u0430\u0441\u043b\u0435\u0434\u0438\u0435, \u043f\u0440\u0438\u0440\u043e\u0434\u0443 \u0438\u043b\u0438 \u0447\u044c\u0438-\u0442\u043e \u0438\u0441\u0442\u043e\u0440\u0438\u0438?<\/li>\n <\/ul>`;\n }\n });\n \n passionInput.addEventListener('keydown', (event) => {\n if (event.key === 'Enter') {\n generateButton.click();\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n<!-- end lovenrg -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u042d\u043d\u0435\u0440\u0433\u0438\u044f \u041b\u044e\u0431\u0432\u0438: \u041f\u0443\u0442\u044c Hobbist Hobbist \u042d\u043d\u0435\u0440\u0433\u0438\u044f \u0410\u043b\u0445\u0438\u043c\u0438\u043a\u0438 \u041c\u0430\u043d\u0438\u0444\u0435\u0441\u0442 \u0412\u0430\u0448 \u041f\u0443\u0442\u044c \u0422\u0430\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u042d\u043d\u0435\u0440\u0433\u0438\u044f \u0412\u0430\u0448\u0435\u0433\u043e \u041f\u0440\u0438\u0437\u0432\u0430\u043d\u0438\u044f \u0418\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0438\u0434\u0435\u0439 \u041f\u0438\u0442\u0438\u0440\u0438\u043c\u0430 \u0421\u043e\u0440\u043e\u043a\u0438\u043d\u0430 \u043e \u0441\u0438\u043b\u0435 \u0430\u043b\u044c\u0442\u0440\u0443\u0438\u0441\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043b\u044e\u0431\u0432\u0438 \u043a\u0430\u043a \u043a\u043b\u044e\u0447\u0430 \u043a \u0440\u0430\u0441\u043a\u0440\u044b\u0442\u0438\u044e \u0432\u044b\u0441\u0448\u0435\u0433\u043e \u043f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b\u0430 \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430 \u0438 \u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430. \u041d\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0418\u0441\u0442\u043e\u0447\u043d\u0438\u043a \u042d\u043d\u0435\u0440\u0433\u0438\u0438 \u041f\u0438\u0442\u0438\u0440\u0438\u043c \u0421\u043e\u0440\u043e\u043a\u0438\u043d \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u043b \u043b\u044e\u0431\u043e\u0432\u044c \u043d\u0435 \u043a\u0430\u043a \u044d\u043c\u043e\u0446\u0438\u044e, \u0430 \u043a\u0430\u043a \u0440\u0435\u0430\u043b\u044c\u043d\u0443\u044e \u044d\u043d\u0435\u0440\u0433\u0438\u044e. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 “\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u042d\u043d\u0435\u0440\u0433\u0438\u0438”, \u0447\u0442\u043e\u0431\u044b \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c, \u043a\u0430\u043a \u0432\u0430\u0448\u0435 \u0434\u0435\u043b\u043e \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442 […]<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":-3,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"give_campaign_id":0,"pmpro_default_level":"","footnotes":""},"class_list":["post-13176","page","type-page","status-publish","hentry","pmpro-has-access"],"campaignId":"","_links":{"self":[{"href":"https:\/\/khatm.hobbi.st\/kk\/wp-json\/wp\/v2\/pages\/13176","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khatm.hobbi.st\/kk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/khatm.hobbi.st\/kk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/khatm.hobbi.st\/kk\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/khatm.hobbi.st\/kk\/wp-json\/wp\/v2\/comments?post=13176"}],"version-history":[{"count":0,"href":"https:\/\/khatm.hobbi.st\/kk\/wp-json\/wp\/v2\/pages\/13176\/revisions"}],"wp:attachment":[{"href":"https:\/\/khatm.hobbi.st\/kk\/wp-json\/wp\/v2\/media?parent=13176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}