{"id":13718,"date":"2026-01-08T07:56:51","date_gmt":"2026-01-08T02:56:51","guid":{"rendered":"https:\/\/test.hobbi.st\/?page_id=13718"},"modified":"2026-01-08T08:06:52","modified_gmt":"2026-01-08T03:06:52","slug":"moneyall","status":"publish","type":"page","link":"https:\/\/hobbi.st\/ru\/moneyall\/","title":{"rendered":"money all"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Hobbi.st: \u042d\u0432\u043e\u043b\u044e\u0446\u0438\u044f Proof of Work<\/title>\r\n \r\n <!-- External Assets -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n \r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;800&display=swap');\r\n\r\n :root {\r\n --primary: #D97706;\r\n --primary-dark: #B45309;\r\n --secondary: #FDFBF7;\r\n --text-dark: #1F2937;\r\n --text-light: #6B7280;\r\n --card-bg: #FFFFFF;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: var(--secondary);\r\n color: var(--text-dark);\r\n scroll-behavior: smooth;\r\n overflow-x: hidden;\r\n width: 100%;\r\n }\r\n\r\n .elementor-container {\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 1.25rem; \/* Increased base padding for mobile safety *\/\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .elementor-container {\r\n padding: 0 2rem;\r\n }\r\n }\r\n\r\n .elementor-section {\r\n padding: 50px 0; \/* Tighter padding for mobile *\/\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .elementor-section {\r\n padding: 80px 0;\r\n }\r\n }\r\n\r\n .elementor-card {\r\n background: var(--card-bg);\r\n border-radius: 16px;\r\n padding: 20px; \/* More compact for mobile *\/\r\n box-shadow: 0 4px 25px rgba(0, 0, 0, 0.04);\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n width: 100%;\r\n box-sizing: border-box;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .elementor-card {\r\n padding: 32px;\r\n }\r\n }\r\n\r\n .elementor-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px 20px;\r\n background-color: var(--primary);\r\n color: white !important;\r\n border-radius: 12px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: 0.95rem;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n width: 100%;\r\n }\r\n\r\n @media (min-width: 640px) {\r\n .elementor-button {\r\n width: auto;\r\n padding: 14px 32px;\r\n font-size: 1rem;\r\n }\r\n }\r\n\r\n .chart-container {\r\n position: relative;\r\n width: 100%;\r\n height: 220px; \/* Reduced for mobile fit *\/\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .chart-container {\r\n height: 300px;\r\n }\r\n }\r\n\r\n .icon-box {\r\n text-align: center;\r\n padding: 24px 16px;\r\n background: white;\r\n border-radius: 20px;\r\n width: 100%;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* Adjusting hero text for mobile *\/\r\n h1 {\r\n font-size: clamp(2rem, 8vw, 3.75rem) !important;\r\n line-height: 1.1 !important;\r\n }\r\n\r\n \/* Prevent large numbers from breaking layouts *\/\r\n .hero-stat-big {\r\n font-size: clamp(3.5rem, 15vw, 5rem);\r\n }\r\n\r\n .hero-stat-bg {\r\n font-size: clamp(5rem, 25vw, 8rem);\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(15px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .animate-fadeInUp {\r\n animation: fadeInUp 0.6s ease-out forwards;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Header -->\r\n<header class=\"sticky top-0 z-50 bg-white\/95 backdrop-blur-md border-b border-gray-100 py-3 md:py-4\">\r\n <div class=\"elementor-container flex items-center justify-between\">\r\n <div class=\"flex items-center gap-2\">\r\n <div class=\"w-8 h-8 bg-amber-600 rounded-lg flex items-center justify-center text-white font-bold\">H<\/div>\r\n <span class=\"text-xl font-black text-amber-600 tracking-tight\">hobbi.st<\/span>\r\n <\/div>\r\n \r\n <nav class=\"hidden md:flex items-center gap-6 lg:gap-8\">\r\n <a href=\"#problem\" class=\"text-sm font-semibold text-gray-500 hover:text-amber-600\" onclick=\"scrollToSection(event, 'problem')\">\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430<\/a>\r\n <a href=\"#solution\" class=\"text-sm font-semibold text-gray-500 hover:text-amber-600\" onclick=\"scrollToSection(event, 'solution')\">Real PoW<\/a>\r\n <a href=\"#tokenomics\" class=\"text-sm font-semibold text-gray-500 hover:text-amber-600\" onclick=\"scrollToSection(event, 'tokenomics')\">\u0422\u043e\u043a\u0435\u043d\u043e\u043c\u0438\u043a\u0430<\/a>\r\n <a href=\"#simulation\" class=\"text-sm font-semibold text-gray-500 hover:text-amber-600\" onclick=\"scrollToSection(event, 'simulation')\">\u0421\u0438\u043c\u0443\u043b\u044f\u0442\u043e\u0440<\/a>\r\n <\/nav>\r\n\r\n <div class=\"flex items-center gap-2\">\r\n <button class=\"hidden sm:block elementor-button\">\u041d\u0430\u0447\u0430\u0442\u044c<\/button>\r\n <button class=\"md:hidden text-2xl p-2 flex items-center\" onclick=\"toggleMobileMenu()\">\r\n <i class=\"fas fa-bars text-amber-600\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n<\/header>\r\n\r\n<!-- Mobile Menu overlay -->\r\n<div id=\"mobileMenu\" class=\"fixed inset-0 z-[60] bg-white hidden flex-col items-center justify-center gap-6 text-xl font-bold p-6\">\r\n <button class=\"absolute top-6 right-6 text-4xl\" onclick=\"toggleMobileMenu()\">×<\/button>\r\n <a href=\"#problem\" class=\"text-gray-800\" onclick=\"scrollToSection(event, 'problem'); toggleMobileMenu()\">\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430<\/a>\r\n <a href=\"#solution\" class=\"text-gray-800\" onclick=\"scrollToSection(event, 'solution'); toggleMobileMenu()\">Real PoW<\/a>\r\n <a href=\"#tokenomics\" class=\"text-gray-800\" onclick=\"scrollToSection(event, 'tokenomics'); toggleMobileMenu()\">\u0422\u043e\u043a\u0435\u043d\u043e\u043c\u0438\u043a\u0430<\/a>\r\n <a href=\"#simulation\" class=\"text-gray-800\" onclick=\"scrollToSection(event, 'simulation'); toggleMobileMenu()\">\u0421\u0438\u043c\u0443\u043b\u044f\u0442\u043e\u0440<\/a>\r\n <button class=\"elementor-button w-full mt-4\" onclick=\"toggleMobileMenu()\">\u041d\u0430\u0447\u0430\u0442\u044c<\/button>\r\n<\/div>\r\n\r\n<!-- Hero Section -->\r\n<section class=\"elementor-section bg-gradient-to-br from-amber-50 to-orange-50 pt-10 md:pt-24 pb-12 md:pb-24\">\r\n <div class=\"elementor-container grid md:grid-cols-2 gap-8 md:gap-12 items-center\">\r\n <div class=\"animate-fadeInUp text-center md:text-left\">\r\n <h1 class=\"font-black mb-4 md:mb-6\">\u0414\u0435\u043d\u044c\u0433\u0438 \u0434\u043b\u044f <br><span class=\"text-amber-600\">\u0447\u0435\u043b\u043e\u0432\u0435\u0447\u0435\u0441\u0442\u0432\u0430<\/span><\/h1>\r\n <p class=\"text-base md:text-xl text-gray-500 mb-6 md:mb-10 leading-relaxed max-w-md mx-auto md:mx-0\">\r\n \u041c\u044b \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c <strong>Real Proof of Work<\/strong>: \u043c\u043e\u043d\u0435\u0442\u044b \u043d\u0430\u0447\u0438\u0441\u043b\u044f\u044e\u0442\u0441\u044f \u0437\u0430 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043b\u044e\u0434\u0435\u0439, \u0430 \u043d\u0435 \u0437\u0430 \u0440\u0430\u0431\u043e\u0442\u0443 \u043a\u0440\u0438\u043f\u0442\u043e\u0444\u0435\u0440\u043c. \u0418 \u043d\u0435\u0442 \u0431\u0435\u0437\u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c\u043d\u043e\u0433\u043e \u0432\u044b\u043f\u0443\u0441\u043a\u0430 \u0434\u0435\u043d\u0435\u0433.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-3 justify-center md:justify-start\">\r\n <a href=\"#simulation\" onclick=\"scrollToSection(event, 'simulation')\" class=\"elementor-button\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0434\u043e\u0445\u043e\u0434<\/a>\r\n <a href=\"#solution\" onclick=\"scrollToSection(event, 'solution')\" class=\"elementor-button bg-white !text-amber-600 border-2 border-amber-600\">\u041a\u0430\u043a \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442?<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"relative text-center py-6 md:py-0\">\r\n <div class=\"hero-stat-bg font-black text-amber-600\/5 absolute inset-0 -z-10 flex items-center justify-center pointer-events-none\">90%<\/div>\r\n <div class=\"hero-stat-big font-black text-amber-600 leading-none\">90%<\/div>\r\n <p class=\"text-base md:text-xl font-bold text-gray-700 mt-2\">\u0414\u043e\u0431\u044b\u0447\u0438 \u0447\u0435\u0440\u0435\u0437 \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f<\/p>\r\n <div class=\"mt-8 grid grid-cols-3 gap-2\">\r\n <div><div class=\"text-lg md:text-2xl font-bold text-amber-600\">10x<\/div><div class=\"text-[9px] md:text-xs text-gray-400 uppercase font-bold\">\u0414\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u044c<\/div><\/div>\r\n <div><div class=\"text-lg md:text-2xl font-bold text-amber-600\">0$<\/div><div class=\"text-[9px] md:text-xs text-gray-400 uppercase font-bold\">\u0412\u0445\u043e\u0434<\/div><\/div>\r\n <div><div class=\"text-lg md:text-2xl font-bold text-amber-600\">100%<\/div><div class=\"text-[9px] md:text-xs text-gray-400 uppercase font-bold\">\u0427\u0435\u0441\u0442\u043d\u043e\u0441\u0442\u044c<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Problem Section -->\r\n<section id=\"problem\" class=\"elementor-section bg-white\">\r\n <div class=\"elementor-container\">\r\n <div class=\"text-center max-w-2xl mx-auto mb-10 md:mb-16\">\r\n <span class=\"text-amber-600 font-bold uppercase tracking-widest text-[10px] md:text-xs\">\u0410\u043d\u0430\u043b\u0438\u0437 \u0420\u044b\u043d\u043a\u0430<\/span>\r\n <h2 class=\"text-2xl md:text-4xl font-extrabold mt-2 mb-4\">\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u043c\u043e\u0434\u0435\u043b\u0438<\/h2>\r\n <p class=\"text-gray-500 text-sm md:text-lg\">\u041a\u0440\u0438\u043f\u0442\u043e\u043c\u0430\u0439\u043d\u0435\u0440\u044b \u0438 \u043a\u0440\u0443\u043f\u043d\u044b\u0435 \u0444\u043e\u043d\u0434\u044b \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u044e\u0442 \u0440\u044b\u043d\u043e\u043a, \u0430 \u0443 \u043e\u0431\u044b\u0447\u043d\u044b\u0445 \u043b\u044e\u0434\u0435\u0439 \u043d\u0435 \u0437\u0430\u043a\u0440\u044b\u0442\u044b \u0434\u0430\u0436\u0435 \u0431\u0430\u0437\u043e\u0432\u044b\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0438.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid lg:grid-cols-2 gap-6\">\r\n <div class=\"space-y-4 md:space-y-6\">\r\n <div class=\"elementor-card\">\r\n <div class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 bg-red-50 text-red-600 rounded-xl flex items-center justify-center flex-shrink-0\"><i class=\"fas fa-times\"><\/i><\/div>\r\n <div>\r\n <h3 class=\"text-base md:text-xl font-bold mb-1\">\u0411\u0430\u0440\u044c\u0435\u0440 \u0432\u0445\u043e\u0434\u0430<\/h3>\r\n <p class=\"text-gray-500 text-xs md:text-base\">PoW \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0434\u043e\u0440\u043e\u0433\u043e\u0433\u043e \u0436\u0435\u043b\u0435\u0437\u0430. \u041e\u0431\u044b\u0447\u043d\u044b\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u044b \u0438\u0437 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430 \u044d\u043c\u0438\u0441\u0441\u0438\u0438 \u0438 \u0437\u0430\u0440\u043e\u0431\u043e\u0442\u043a\u0430.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"elementor-card\">\r\n <div class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 bg-amber-50 text-amber-600 rounded-xl flex items-center justify-center flex-shrink-0\"><i class=\"fas fa-chart-line\"><\/i><\/div>\r\n <div>\r\n <h3 class=\"text-base md:text-xl font-bold mb-1\">\u041a\u043e\u043d\u0446\u0435\u043d\u0442\u0440\u0430\u0446\u0438\u044f \u0431\u043e\u0433\u0430\u0442\u0441\u0442\u0432\u0430<\/h3>\r\n <p class=\"text-gray-500 text-xs md:text-base\">90% \u043c\u043e\u043d\u0435\u0442 \u043e\u0441\u0435\u0434\u0430\u0435\u0442 \u0443 1% \u0434\u0435\u0440\u0436\u0430\u0442\u0435\u043b\u0435\u0439. \u042d\u0442\u043e \u043d\u0435 \u0434\u0435\u0446\u0435\u043d\u0442\u0440\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"elementor-card flex flex-col justify-center\">\r\n <h4 class=\"text-center font-bold text-gray-400 mb-4 uppercase text-[10px] md:text-xs tracking-wider\">\u0421\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 \u043a\u043e\u043d\u0446\u0435\u043d\u0442\u0440\u0430\u0446\u0438\u0438<\/h4>\r\n <div class=\"chart-container\">\r\n <canvas id=\"inequalityChart\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Solution Section -->\r\n<section id=\"solution\" class=\"elementor-section bg-gray-50\">\r\n <div class=\"elementor-container\">\r\n <div class=\"text-center max-w-2xl mx-auto mb-10\">\r\n <h2 class=\"text-2xl md:text-4xl font-extrabold mb-4\">Real Proof of Work<\/h2>\r\n <p class=\"text-gray-500 text-sm md:text-lg\">\u041c\u044b \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0435\u043c \u043f\u043e\u043b\u0435\u0437\u043d\u0443\u044e \u0447\u0435\u043b\u043e\u0432\u0435\u0447\u0435\u0441\u043a\u0443\u044e \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u0432 \u043a\u0440\u0438\u043f\u0442\u043e\u0432\u0430\u043b\u044e\u0442\u043d\u044b\u0439 \u0430\u043a\u0442\u0438\u0432.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-3 gap-4 md:gap-8\">\r\n <div class=\"icon-box shadow-sm border border-gray-100\">\r\n <i class=\"fas fa-user-check text-2xl md:text-4xl mb-4 text-amber-600 block\"><\/i>\r\n <h3 class=\"text-base md:text-xl font-bold mb-2\">1. \u0414\u0435\u0439\u0441\u0442\u0432\u0438\u0435<\/h3>\r\n <p class=\"text-gray-500 text-xs md:text-base\">\u0412\u0430\u0448\u0438 \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u044b\u0439 \u0442\u0440\u0443\u0434, \u0445\u043e\u0431\u0431\u0438, \u0441\u043f\u043e\u0440\u0442 \u0438\u043b\u0438 \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0432\u043a\u043b\u0430\u0434.<\/p>\r\n <\/div>\r\n <div class=\"icon-box shadow-sm border border-gray-100\">\r\n <i class=\"fas fa-check-circle text-2xl md:text-4xl mb-4 text-amber-600 block\"><\/i>\r\n <h3 class=\"text-base md:text-xl font-bold mb-2\">2. \u0412\u0435\u0440\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f<\/h3>\r\n <p class=\"text-gray-500 text-xs md:text-base\">\u0418\u0418 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u0435\u0442 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u043d\u043e\u0433\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0432 \u0441\u043e\u043e\u0441\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 \u0437\u0430\u0434\u0430\u043d\u0438\u044f\u043c\u0438 \u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u0438\u043b\u0438 \u0423\u0447\u0438\u0442\u0435\u043b\u0435\u0439-\u0423\u0441\u0442\u0430\u0437\u043e\u0432.<\/p>\r\n <\/div>\r\n <div class=\"icon-box shadow-sm border border-gray-100\">\r\n <i class=\"fas fa-coins text-2xl md:text-4xl mb-4 text-amber-600 block\"><\/i>\r\n <h3 class=\"text-base md:text-xl font-bold mb-2\">3. \u041d\u0430\u0433\u0440\u0430\u0434\u0430<\/h3>\r\n <p class=\"text-gray-500 text-xs md:text-base\">\u041c\u043e\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u043d\u0430\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u0435 \u0442\u043e\u043a\u0435\u043d\u043e\u0432 \u043d\u0430 \u0432\u0430\u0448 \u043a\u043e\u0448\u0435\u043b\u0435\u043a.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-8 md:mt-16 bg-white p-6 md:p-12 rounded-3xl border border-gray-100 text-center\">\r\n <h3 class=\"text-lg md:text-2xl font-bold mb-6\">\u0414\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0435 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438<\/h3>\r\n <div class=\"grid grid-cols-3 gap-4 justify-items-center\">\r\n <div class=\"flex flex-col items-center gap-2\">\r\n <div class=\"w-12 h-12 md:w-16 md:h-16 bg-amber-50 rounded-full flex items-center justify-center text-amber-600\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\r\n <span class=\"text-[10px] md:text-sm font-bold\">\u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435<\/span>\r\n <\/div>\r\n <div class=\"flex flex-col items-center gap-2\">\r\n <div class=\"w-12 h-12 md:w-16 md:h-16 bg-amber-50 rounded-full flex items-center justify-center text-amber-600\"><i class=\"fas fa-running\"><\/i><\/div>\r\n <span class=\"text-[10px] md:text-sm font-bold\">\u0421\u043f\u043e\u0440\u0442<\/span>\r\n <\/div>\r\n <div class=\"flex flex-col items-center gap-2\">\r\n <div class=\"w-12 h-12 md:w-16 md:h-16 bg-amber-50 rounded-full flex items-center justify-center text-amber-600\"><i class=\"fas fa-hands-helping\"><\/i><\/div>\r\n <span class=\"text-[10px] md:text-sm font-bold\">\u041f\u043e\u043c\u043e\u0449\u044c<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Tokenomics Section -->\r\n<section id=\"tokenomics\" class=\"elementor-section bg-slate-900 text-white\">\r\n <div class=\"elementor-container grid md:grid-cols-2 gap-10 items-center\">\r\n <div>\r\n <h2 class=\"text-2xl md:text-4xl font-extrabold mb-4\">\u0421\u043f\u0440\u0430\u0432\u0435\u0434\u043b\u0438\u0432\u043e\u0435 \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435<\/h2>\r\n <p class=\"text-slate-400 text-sm md:text-lg mb-8\">90% \u0432\u0441\u0435\u0439 \u044d\u043c\u0438\u0441\u0441\u0438\u0438 \u0437\u0430\u0440\u0435\u0437\u0435\u0440\u0432\u0438\u0440\u043e\u0432\u0430\u043d\u043e \u0434\u043b\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b.<\/p>\r\n \r\n <div class=\"space-y-4 md:space-y-6\">\r\n <div class=\"flex gap-4 p-4 rounded-xl bg-slate-800\/50\">\r\n <div class=\"w-10 h-10 bg-amber-600 rounded-lg flex items-center justify-center flex-shrink-0 text-white\"><i class=\"fas fa-user\"><\/i><\/div>\r\n <div>\r\n <h4 class=\"text-base md:text-xl font-bold\">90% - \u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e<\/h4>\r\n <p class=\"text-slate-400 text-xs md:text-sm\">\u0415\u0436\u0435\u0441\u0435\u043a\u0443\u043d\u0434\u043d\u044b\u0435 \u0432\u044b\u043f\u043b\u0430\u0442\u044b \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u043c \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0430\u043c.\u0414\u043e\u0441\u0442\u0443\u043f\u043d\u043e \u0432\u0441\u0435\u043c. \u041d\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0432\u043b\u043e\u0436\u0435\u043d\u0438\u0439. \u0420\u0430\u0432\u043d\u044b\u0435 \u0448\u0430\u043d\u0441\u044b \u0434\u043b\u044f \u0448\u043a\u043e\u043b\u044c\u043d\u0438\u043a\u0430 \u0438 \u0438\u043d\u0432\u0435\u0441\u0442\u043e\u0440\u0430.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex gap-4 p-4 rounded-xl bg-slate-800\/50\">\r\n <div class=\"w-10 h-10 bg-slate-700 rounded-lg flex items-center justify-center flex-shrink-0 text-white\"><i class=\"fas fa-tools\"><\/i><\/div>\r\n <div>\r\n <h4 class=\"text-base md:text-xl font-bold\">10% - \u0420\u0430\u0437\u0432\u0438\u0442\u0438\u0435<\/h4>\r\n <p class=\"text-slate-400 text-xs md:text-sm\">\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0441\u0435\u0442\u0438 \u0438 \u043b\u0438\u0441\u0442\u0438\u043d\u0433 \u043d\u0430 \u0431\u0438\u0440\u0436\u0430\u0445.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"elementor-card bg-slate-800 border-none p-6\">\r\n <div class=\"chart-container\">\r\n <canvas id=\"tokenomicsChart\"><\/canvas>\r\n <\/div>\r\n <button onclick=\"showTokenomicsDetails()\" class=\"elementor-button w-full mt-6 bg-slate-700 hover:bg-slate-600 border-none\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Simulation Section -->\r\n<section id=\"simulation\" class=\"elementor-section bg-amber-50\">\r\n <div class=\"elementor-container\">\r\n <div class=\"text-center mb-8 md:mb-12\">\r\n <h2 class=\"text-2xl md:text-4xl font-extrabold mb-2\">\u0421\u0438\u043c\u0443\u043b\u044f\u0442\u043e\u0440<\/h2>\r\n <p class=\"text-gray-500 text-sm\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0439\u0442\u0435 \u0441\u0432\u043e\u0439 \u043f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0434\u043e\u0445\u043e\u0434<\/p>\r\n <\/div>\r\n\r\n <div class=\"elementor-card bg-white p-5 md:p-8\">\r\n <div class=\"grid lg:grid-cols-2 gap-8 md:gap-12\">\r\n <div class=\"space-y-6 md:space-y-8\">\r\n <div>\r\n <label class=\"flex justify-between font-bold mb-3 text-xs md:text-sm uppercase tracking-wider text-gray-400\">\r\n \u0418\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u0438 ($) <span class=\"text-amber-600\" id=\"investmentVal\">0<\/span>\r\n <\/label>\r\n <input type=\"range\" min=\"0\" max=\"10000\" step=\"100\" value=\"0\" id=\"investmentInput\" class=\"elementor-slider\">\r\n <\/div>\r\n <div>\r\n <label class=\"flex justify-between font-bold mb-3 text-xs md:text-sm uppercase tracking-wider text-gray-400\">\r\n \u0410\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c (\u0447\u0430\u0441\/\u043d\u0435\u0434) <span class=\"text-amber-600\" id=\"actionVal\">5<\/span>\r\n <\/label>\r\n <input type=\"range\" min=\"0\" max=\"40\" step=\"1\" value=\"5\" id=\"actionInput\" class=\"elementor-slider\">\r\n <\/div>\r\n\r\n <div class=\"bg-amber-50\/50 p-4 md:p-6 rounded-2xl border border-amber-100\">\r\n <div class=\"flex justify-between items-center mb-2 text-xs md:text-sm\">\r\n <span class=\"text-gray-400 font-medium\">\u041e\u0431\u044b\u0447\u043d\u044b\u0439 \u043c\u0430\u0439\u043d\u0438\u043d\u0433:<\/span>\r\n <span id=\"classicResult\" class=\"font-bold text-gray-400\">0 \u043c\u043e\u043d\u0435\u0442\u044b<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center\">\r\n <span class=\"text-gray-700 font-extrabold text-sm md:text-lg\">Hobbi.st:<\/span>\r\n <span id=\"hobbistResult\" class=\"text-xl md:text-3xl font-black text-amber-600\">50<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"chart-container overflow-hidden rounded-xl\">\r\n <canvas id=\"simulationChart\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Footer -->\r\n<footer class=\"bg-slate-950 text-slate-500 py-10 md:py-16\">\r\n <div class=\"elementor-container\">\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8 mb-10 border-b border-slate-900 pb-10\">\r\n <div class=\"text-center sm:text-left\">\r\n <div class=\"flex items-center justify-center sm:justify-start gap-2 mb-4\">\r\n <div class=\"w-6 h-6 bg-amber-600 rounded flex items-center justify-center text-white font-bold text-xs\">H<\/div>\r\n <span class=\"text-lg font-bold text-white tracking-tight\">hobbi.st<\/span>\r\n <\/div>\r\n <p class=\"text-xs leading-relaxed max-w-xs mx-auto sm:mx-0\">\u0414\u0435\u0446\u0435\u043d\u0442\u0440\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430, \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u0443\u044e\u0449\u0430\u044f \u0447\u0435\u043b\u043e\u0432\u0435\u0447\u0435\u0441\u043a\u0438\u0439 \u043f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b \u0432 \u0446\u0438\u0444\u0440\u043e\u0432\u0443\u044e \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c.<\/p>\r\n <\/div>\r\n <div class=\"text-center sm:text-left\">\r\n <h4 class=\"text-white font-bold mb-4 text-sm\">\u041f\u0440\u043e\u0435\u043a\u0442<\/h4>\r\n <ul class=\"space-y-2 text-xs\">\r\n <li><a href=\"#\" class=\"hover:text-white\">Whitepaper<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-white\">Roadmap<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-white\">Github<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"text-center sm:text-left\">\r\n <h4 class=\"text-white font-bold mb-4 text-sm\">\u0421\u043b\u0435\u0434\u0438\u0442\u0435 \u0437\u0430 \u043d\u0430\u043c\u0438<\/h4>\r\n <div class=\"flex justify-center sm:justify-start gap-6 text-xl\">\r\n <a href=\"#\" class=\"hover:text-amber-600\"><i class=\"fab fa-telegram\"><\/i><\/a>\r\n <a href=\"#\" class=\"hover:text-amber-600\"><i class=\"fab fa-x-twitter\"><\/i><\/a>\r\n <a href=\"#\" class=\"hover:text-amber-600\"><i class=\"fab fa-discord\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-center text-[9px] tracking-[0.2em] uppercase opacity-50\">\r\n © 2024 Hobbi.st Project. All rights reserved.\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n const state = {\r\n investment: 0,\r\n actions: 5,\r\n rates: { hobbistAction: 10, hardwareMining: 0.05 }\r\n };\r\n\r\n let charts = {};\r\n\r\n function toggleMobileMenu() {\r\n const menu = document.getElementById('mobileMenu');\r\n menu.classList.toggle('hidden');\r\n menu.classList.toggle('flex');\r\n document.body.style.overflow = menu.classList.contains('hidden') ? 'auto' : 'hidden';\r\n }\r\n\r\n function scrollToSection(e, id) {\r\n e.preventDefault();\r\n const el = document.getElementById(id);\r\n const headerOffset = 70;\r\n const offsetPosition = el.getBoundingClientRect().top + window.pageYOffset - headerOffset;\r\n window.scrollTo({ top: offsetPosition, behavior: 'smooth' });\r\n }\r\n\r\n function initCharts() {\r\n const mobileLabels = { font: { size: 9 }, boxWidth: 8 };\r\n const commonOptions = {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: {\r\n legend: { position: 'bottom', labels: mobileLabels }\r\n }\r\n };\r\n\r\n charts.inequality = new Chart(document.getElementById('inequalityChart'), {\r\n type: 'bar',\r\n data: {\r\n labels: ['\u0422\u043e\u043f 1%', '99%'],\r\n datasets: [\r\n { label: '\u0422\u0440\u0430\u0434. \u041a\u0440\u0438\u043f\u0442\u043e', data: [92, 8], backgroundColor: '#94A3B8' },\r\n { label: 'Hobbi.st', data: [15, 85], backgroundColor: '#D97706' }\r\n ]\r\n },\r\n options: {\r\n ...commonOptions,\r\n scales: { y: { display: false }, x: { grid: { display: false } } }\r\n }\r\n });\r\n\r\n charts.tokenomics = new Chart(document.getElementById('tokenomicsChart'), {\r\n type: 'doughnut',\r\n data: {\r\n labels: ['\u0420\u0430\u0437\u0432\u0438\u0442\u0438\u0435', '\u041b\u044e\u0434\u0438'],\r\n datasets: [{ data: [10, 90], backgroundColor: ['#475569', '#D97706'], borderWidth: 0 }]\r\n },\r\n options: { ...commonOptions, cutout: '75%' }\r\n });\r\n\r\n charts.simulation = new Chart(document.getElementById('simulationChart'), {\r\n type: 'line',\r\n data: {\r\n labels: ['W1', 'W2', 'W3', 'W4'],\r\n datasets: [\r\n { label: '\u041a\u043b\u0430\u0441\u0441\u0438\u043a\u0430', data: [0,0,0,0], borderColor: '#94A3B8', borderWidth: 1, pointRadius: 0 },\r\n { label: 'Hobbi.st', data: [0,0,0,0], borderColor: '#D97706', borderWidth: 3, fill: true, backgroundColor: 'rgba(217,119,6,0.1)' }\r\n ]\r\n },\r\n options: {\r\n ...commonOptions,\r\n scales: { x: { grid: { display: false } }, y: { grid: { color: '#f1f1f1' } } }\r\n }\r\n });\r\n }\r\n\r\n function updateSimulator() {\r\n const classicWeekly = state.investment > 1000 ? (state.investment * state.rates.hardwareMining) : 0;\r\n const hobbistWeekly = (state.actions * state.rates.hobbistAction) + (state.investment * 0.01);\r\n\r\n document.getElementById('investmentVal').textContent = `$${state.investment}`;\r\n document.getElementById('actionVal').textContent = state.actions;\r\n document.getElementById('classicResult').textContent = `${Math.round(classicWeekly)} \u043c\u043e\u043d\u0435\u0442\u044b`;\r\n document.getElementById('hobbistResult').textContent = `${Math.round(hobbistWeekly)}`;\r\n\r\n if (charts.simulation) {\r\n charts.simulation.data.datasets[0].data = [1, 2, 3, 4].map(w => classicWeekly * w);\r\n charts.simulation.data.datasets[1].data = [1, 2, 3, 4].map(w => hobbistWeekly * w);\r\n charts.simulation.update();\r\n }\r\n }\r\n\r\n function showTokenomicsDetails() {\r\n const modal = document.createElement('div');\r\n modal.className = \"fixed inset-0 z-[100] bg-black\/90 flex items-center justify-center p-6\";\r\n modal.innerHTML = `\r\n <div class=\"bg-white rounded-2xl p-6 max-w-xs w-full\">\r\n <h3 class=\"font-bold text-lg mb-4\">\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430<\/h3>\r\n <div class=\"space-y-3 text-sm text-gray-600\">\r\n <div class=\"flex justify-between\"><span>\u042d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430<\/span><span class=\"font-bold\">70%<\/span><\/div>\r\n <div class=\"flex justify-between\"><span>\u0421\u0442\u0435\u0439\u043a\u0438\u043d\u0433<\/span><span class=\"font-bold\">20%<\/span><\/div>\r\n <div class=\"flex justify-between\"><span>\u041a\u043e\u043c\u0430\u043d\u0434\u0430<\/span><span class=\"font-bold\">5%<\/span><\/div>\r\n <div class=\"flex justify-between\"><span>\u041b\u0438\u043a\u0432\u0438\u0434\u043d\u043e\u0441\u0442\u044c<\/span><span class=\"font-bold\">5%<\/span><\/div>\r\n <\/div>\r\n <button onclick=\"this.parentElement.parentElement.remove()\" class=\"elementor-button w-full mt-6\">\u0417\u0430\u043a\u0440\u044b\u0442\u044c<\/button>\r\n <\/div>\r\n `;\r\n document.body.appendChild(modal);\r\n }\r\n\r\n window.addEventListener('DOMContentLoaded', () => {\r\n initCharts();\r\n updateSimulator();\r\n\r\n document.getElementById('investmentInput').addEventListener('input', (e) => {\r\n state.investment = parseInt(e.target.value);\r\n updateSimulator();\r\n });\r\n\r\n document.getElementById('actionInput').addEventListener('input', (e) => {\r\n state.actions = parseInt(e.target.value);\r\n updateSimulator();\r\n });\r\n \r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) entry.target.classList.add('animate-fadeInUp');\r\n });\r\n }, { threshold: 0.1 });\r\n\r\n document.querySelectorAll('.elementor-card, .icon-box').forEach(el => observer.observe(el));\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>Hobbi.st: \u042d\u0432\u043e\u043b\u044e\u0446\u0438\u044f Proof of Work H hobbi.st \u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 Real PoW \u0422\u043e\u043a\u0435\u043d\u043e\u043c\u0438\u043a\u0430 \u0421\u0438\u043c\u0443\u043b\u044f\u0442\u043e\u0440 \u041d\u0430\u0447\u0430\u0442\u044c × \u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 Real PoW \u0422\u043e\u043a\u0435\u043d\u043e\u043c\u0438\u043a\u0430 \u0421\u0438\u043c\u0443\u043b\u044f\u0442\u043e\u0440 \u041d\u0430\u0447\u0430\u0442\u044c \u0414\u0435\u043d\u044c\u0433\u0438 \u0434\u043b\u044f \u0447\u0435\u043b\u043e\u0432\u0435\u0447\u0435\u0441\u0442\u0432\u0430 \u041c\u044b \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c Real Proof of Work: \u043c\u043e\u043d\u0435\u0442\u044b \u043d\u0430\u0447\u0438\u0441\u043b\u044f\u044e\u0442\u0441\u044f \u0437\u0430 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043b\u044e\u0434\u0435\u0439, \u0430 \u043d\u0435 \u0437\u0430 \u0440\u0430\u0431\u043e\u0442\u0443 \u043a\u0440\u0438\u043f\u0442\u043e\u0444\u0435\u0440\u043c. \u0418 \u043d\u0435\u0442 \u0431\u0435\u0437\u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c\u043d\u043e\u0433\u043e \u0432\u044b\u043f\u0443\u0441\u043a\u0430 \u0434\u0435\u043d\u0435\u0433. \u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0434\u043e\u0445\u043e\u0434 \u041a\u0430\u043a \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442? 90% 90% \u0414\u043e\u0431\u044b\u0447\u0438 \u0447\u0435\u0440\u0435\u0437 \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":-8,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"give_campaign_id":0,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"pmpro_default_level":"","footnotes":""},"class_list":["post-13718","page","type-page","status-publish","hentry","pmpro-has-access"],"campaignId":"","_links":{"self":[{"href":"https:\/\/hobbi.st\/ru\/wp-json\/wp\/v2\/pages\/13718","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hobbi.st\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hobbi.st\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hobbi.st\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hobbi.st\/ru\/wp-json\/wp\/v2\/comments?post=13718"}],"version-history":[{"count":4,"href":"https:\/\/hobbi.st\/ru\/wp-json\/wp\/v2\/pages\/13718\/revisions"}],"predecessor-version":[{"id":13723,"href":"https:\/\/hobbi.st\/ru\/wp-json\/wp\/v2\/pages\/13718\/revisions\/13723"}],"wp:attachment":[{"href":"https:\/\/hobbi.st\/ru\/wp-json\/wp\/v2\/media?parent=13718"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}