\u041f\u043e\u043b\u0438\u0432 \u043e\u043d\u043b\u0430\u0439\u043d - \u0420\u043e\u0437\u0443\u043c\u043d\u0435 \u0443\u043f\u0440\u0430\u0432\u043b\u0456\u043d\u043d\u044f \u0437\u0440\u043e\u0448\u0435\u043d\u043d\u044f\u043c<\/title>\r\n<\/head>\r\n<body>\r\n <div id=\"poliv-online-app\"><\/div>\r\n\r\n <script>\r\n (function() {\r\n const shadowHost = document.createElement('div');\r\n document.currentScript.parentNode.insertBefore(shadowHost, document.currentScript);\r\n \r\n const shadow = shadowHost.attachShadow({ mode: 'open' });\r\n \r\n const styles = `\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :host {\r\n --primary-blue: #1e5a96;\r\n --light-bg: #f0f4f8;\r\n --white: #ffffff;\r\n --dark-text: #4a4a4a;\r\n }\r\n\r\n .wrapper {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n background: linear-gradient(135deg, var(--light-bg) 0%, var(--white) 100%);\r\n min-height: 100vh;\r\n padding: 20px;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Header *\/\r\n .header {\r\n text-align: center;\r\n color: var(--primary-blue);\r\n margin-bottom: 25px;\r\n animation: fadeInDown 0.8s ease;\r\n padding: 30px 20px;\r\n background: var(--white);\r\n border-radius: 15px;\r\n box-shadow: 0 5px 20px rgba(30, 90, 150, 0.1);\r\n }\r\n\r\n .header h1 {\r\n font-size: 2.4em;\r\n margin-bottom: 15px;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* Hero Image *\/\r\n .hero-image {\r\n text-align: center;\r\n margin-bottom: 25px;\r\n animation: fadeInUp 0.8s ease 0.2s both;\r\n }\r\n\r\n .hero-image img {\r\n max-width: 100%;\r\n height: auto;\r\n border-radius: 20px;\r\n box-shadow: 0 10px 40px rgba(30, 90, 150, 0.15);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .hero-image img:hover {\r\n transform: scale(1.02);\r\n }\r\n\r\n \/* Info Section *\/\r\n .info-section {\r\n background: var(--white);\r\n border-radius: 15px;\r\n padding: 40px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 5px 20px rgba(30, 90, 150, 0.1);\r\n animation: fadeInUp 0.8s ease 0.3s both;\r\n }\r\n\r\n .info-section h2 {\r\n color: var(--primary-blue);\r\n font-size: 1.8em;\r\n margin-bottom: 25px;\r\n border-bottom: 3px solid var(--primary-blue);\r\n padding-bottom: 15px;\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n\r\n .section-icon {\r\n width: 40px;\r\n height: 40px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .simple-text {\r\n color: var(--dark-text);\r\n font-size: 1.05em;\r\n line-height: 1.8;\r\n margin-bottom: 20px;\r\n animation: fadeInUp 0.8s ease 0.3s both;\r\n }\r\n background: linear-gradient(135deg, #e8f4f8 0%, #f0f9ff 100%);\r\n border-left: 5px solid #22c55e;\r\n padding: 25px 30px;\r\n border-radius: 10px;\r\n margin: 20px 0;\r\n font-size: 1.1em;\r\n font-weight: 700;\r\n color: var(--dark-text);\r\n line-height: 1.9;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n padding-left: 60px;\r\n cursor: pointer;\r\n }\r\n\r\n .highlight-section:hover {\r\n background: linear-gradient(135deg, #d0ebf5 0%, #e8f7ff 100%);\r\n box-shadow: 0 5px 20px rgba(34, 197, 94, 0.15);\r\n transform: translateX(5px);\r\n }\r\n\r\n .highlight-section:before {\r\n content: \"\u2713\";\r\n position: absolute;\r\n left: 20px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n font-size: 1.8em;\r\n color: #22c55e;\r\n font-weight: bold;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .highlight-section:hover:before {\r\n opacity: 1;\r\n }\r\n\r\n \/* Indicators List *\/\r\n .indicators-list {\r\n background: var(--white);\r\n border-left: 5px solid var(--primary-blue);\r\n padding: 30px;\r\n border-radius: 10px;\r\n margin: 20px 0;\r\n box-shadow: 0 5px 20px rgba(30, 90, 150, 0.1);\r\n animation: fadeInUp 0.8s ease 0.4s both;\r\n }\r\n\r\n .indicators-list h3 {\r\n color: var(--primary-blue);\r\n font-size: 1.25em;\r\n margin-bottom: 20px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n transition: font-size 0.3s ease;\r\n }\r\n\r\n .indicators-list h3:hover {\r\n font-size: 1.3em;\r\n }\r\n\r\n .list-icon {\r\n width: 32px;\r\n height: 32px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .indicators-list ul {\r\n list-style: none;\r\n }\r\n\r\n .indicators-list li {\r\n color: var(--dark-text);\r\n font-size: 1.05em;\r\n line-height: 1.9;\r\n margin-bottom: 15px;\r\n padding-left: 40px;\r\n position: relative;\r\n transition: font-size 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .indicators-list li:hover {\r\n font-size: 1.1em;\r\n }\r\n\r\n .indicators-list li:before {\r\n content: \"\u25b8\";\r\n position: absolute;\r\n left: 0;\r\n color: #1e5a96;\r\n font-size: 1.5em;\r\n font-weight: bold;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .indicators-list li:hover:before {\r\n content: \"\u2713\";\r\n color: #22c55e;\r\n font-size: 1.3em;\r\n }\r\n\r\n \/* Grid Cards for Benefits *\/\r\n .benefits-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 20px;\r\n margin: 40px 0;\r\n animation: fadeInUp 0.8s ease 0.5s both;\r\n }\r\n\r\n .benefit-card {\r\n background: var(--white);\r\n padding: 30px;\r\n border-radius: 12px;\r\n box-shadow: 0 5px 20px rgba(30, 90, 150, 0.1);\r\n transition: all 0.3s ease;\r\n border-top: 4px solid var(--primary-blue);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n .benefit-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 15px 40px rgba(30, 90, 150, 0.2);\r\n }\r\n\r\n .benefit-icon {\r\n width: 50px;\r\n height: 50px;\r\n margin-bottom: 15px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .benefit-card p {\r\n color: var(--dark-text);\r\n line-height: 1.8;\r\n font-size: 1.05em;\r\n }\r\n\r\n \/* Benefits Section *\/\r\n .benefits-section {\r\n background: var(--white);\r\n border-radius: 15px;\r\n padding: 40px;\r\n margin-bottom: 60px;\r\n box-shadow: 0 5px 20px rgba(30, 90, 150, 0.1);\r\n animation: fadeInUp 0.8s ease 0.5s both;\r\n }\r\n\r\n .benefits-section h2 {\r\n color: var(--primary-blue);\r\n font-size: 1.8em;\r\n margin-bottom: 30px;\r\n border-bottom: 3px solid var(--primary-blue);\r\n padding-bottom: 15px;\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n\r\n \/* Footer *\/\r\n .footer {\r\n text-align: center;\r\n color: var(--primary-blue);\r\n padding: 30px;\r\n background: var(--white);\r\n border-radius: 15px;\r\n margin-top: 60px;\r\n font-size: 1em;\r\n box-shadow: 0 5px 20px rgba(30, 90, 150, 0.1);\r\n animation: fadeInUp 0.8s ease 0.7s both;\r\n }\r\n\r\n .footer p {\r\n margin-bottom: 10px;\r\n }\r\n\r\n .footer a {\r\n color: var(--primary-blue);\r\n text-decoration: none;\r\n border-bottom: 2px solid var(--primary-blue);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .footer a:hover {\r\n opacity: 0.7;\r\n }\r\n\r\n \/* Animations *\/\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 @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 \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .header h1 {\r\n font-size: 1.8em;\r\n }\r\n\r\n .info-section {\r\n padding: 25px;\r\n }\r\n\r\n .benefits-section {\r\n padding: 25px;\r\n }\r\n\r\n .indicators-list {\r\n padding: 20px;\r\n }\r\n\r\n .benefits-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .info-section h2,\r\n .benefits-section h2,\r\n .indicators-list h3 {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n }\r\n `;\r\n\r\n const html = `\r\n <div class=\"wrapper\">\r\n <div class=\"container\">\r\n \r\n <div class=\"header\">\r\n <h1>\u0406\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u0439\u043d\u043e-\u0430\u043d\u0430\u043b\u0456\u0442\u0438\u0447\u043d\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0443\u043f\u0440\u0430\u0432\u043b\u0456\u043d\u043d\u044f \u0437\u0440\u043e\u0448\u0435\u043d\u043d\u044f\u043c \u00ab\u041f\u043e\u043b\u0438\u0432 \u043e\u043d\u043b\u0430\u0439\u043d\u00bb<\/h1>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-image\">\r\n <img src=\"http:\/\/igim.org.ua\/wp-content\/uploads\/2021\/04\/Poliv_online.jpg\" alt=\"\u041f\u043e\u043b\u0438\u0432 \u043e\u043d\u043b\u0430\u0439\u043d \u0441\u0438\u0441\u0442\u0435\u043c\u0430\">\r\n <\/div>\r\n\r\n \r\n <div class=\"info-section\">\r\n <h2>\r\n <svg class=\"section-icon\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"50\" cy=\"35\" r=\"18\" fill=\"#1e5a96\"\/>\r\n <path d=\"M30 65 Q30 55 50 55 Q70 55 70 65 L70 85 Q70 92 63 92 L37 92 Q30 92 30 85 Z\" fill=\"#1e5a96\"\/>\r\n <path d=\"M45 20 L50 10 L55 20 M50 10 L50 30\" stroke=\"#1e5a96\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n \u041f\u0440\u043e \u0441\u0438\u0441\u0442\u0435\u043c\u0443\r\n <\/h2>\r\n <p class=\"simple-text\">\u0412 \u0406\u043d\u0441\u0442\u0438\u0442\u0443\u0442\u0456 \u0432\u043e\u0434\u043d\u0438\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0456 \u043c\u0435\u043b\u0456\u043e\u0440\u0430\u0446\u0456\u0457 \u041d\u0410\u0410\u041d \u0440\u043e\u0437\u0440\u043e\u0431\u043b\u0435\u043d\u043e \u0406\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u0439\u043d\u043e-\u0430\u043d\u0430\u043b\u0456\u0442\u0438\u0447\u043d\u0443 \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0443\u043f\u0440\u0430\u0432\u043b\u0456\u043d\u043d\u044f \u0437\u0440\u043e\u0448\u0435\u043d\u043d\u044f\u043c \u00ab\u041f\u043e\u043b\u0438\u0432 \u043e\u043d\u043b\u0430\u0439\u043d\u00bb.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"indicators-list\">\r\n <h3>\r\n <svg class=\"list-icon\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect x=\"10\" y=\"15\" width=\"80\" height=\"70\" rx=\"5\" fill=\"none\" stroke=\"#1e5a96\" stroke-width=\"3\"\/>\r\n <line x1=\"20\" y1=\"30\" x2=\"80\" y2=\"30\" stroke=\"#1e5a96\" stroke-width=\"2\"\/>\r\n <line x1=\"20\" y1=\"45\" x2=\"80\" y2=\"45\" stroke=\"#1e5a96\" stroke-width=\"2\"\/>\r\n <line x1=\"20\" y1=\"60\" x2=\"80\" y2=\"60\" stroke=\"#1e5a96\" stroke-width=\"2\"\/>\r\n <line x1=\"20\" y1=\"75\" x2=\"80\" y2=\"75\" stroke=\"#1e5a96\" stroke-width=\"2\"\/>\r\n <\/svg>\r\n \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0440\u0435\u0430\u043b\u0456\u0437\u0443\u0454 \u043f\u0440\u043e\u0446\u0435\u0441 \u0443\u043f\u0440\u0430\u0432\u043b\u0456\u043d\u043d\u044f \u043f\u043e\u043b\u0438\u0432\u0430\u043c\u0438 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0456 \u043d\u0430\u0441\u0442\u0443\u043f\u043d\u0438\u0445 \u043f\u043e\u043a\u0430\u0437\u043d\u0438\u043a\u0456\u0432:\r\n <\/h3>\r\n <ul>\r\n <li>\u041f\u0456\u0434\u0442\u0440\u0438\u043c\u0430\u043d\u043d\u044f \u0432\u043e\u043b\u043e\u0433\u043e\u0432\u043c\u0456\u0441\u0442\u0443 \u0491\u0440\u0443\u043d\u0442\u0456\u0432 \u0443 \u0432\u0443\u0437\u044c\u043a\u043e\u043c\u0443 \u0434\u0456\u0430\u043f\u0430\u0437\u043e\u043d\u0456 \u0432\u0438\u0441\u043e\u043a\u043e\u0433\u043e \u0432\u043e\u043b\u043e\u0433\u043e\u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0435\u043d\u043d\u044f (0,8 \u00f7 0,85 \u041d\u0412 \u00f7 \u041d\u0412);<\/li>\r\n <li>\u0412\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u0432 \u044f\u043a\u043e\u0441\u0442\u0456 \u043f\u043e\u043a\u0430\u0437\u043d\u0438\u043a\u0430 \u0440\u0456\u0432\u043d\u044f \u0432\u043e\u043b\u043e\u0433\u043e\u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0435\u043d\u043d\u044f \u0442\u0430 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u0456 \u0491\u0440\u0443\u043d\u0442\u043e\u0432\u043e\u0457 \u0432\u043e\u043b\u043e\u0433\u0438 \u2013 \u0442\u0435\u043d\u0437\u0456\u043e\u043c\u0435\u0442\u0440\u0438\u0447\u043d\u043e\u0433\u043e \u0442\u0438\u0441\u043a\u0443 (\u043a\u0430\u043f\u0456\u043b\u044f\u0440\u043d\u043e\u0433\u043e \u043f\u043e\u0442\u0435\u043d\u0446\u0456\u0430\u043b\u0443) \u0491\u0440\u0443\u043d\u0442\u043e\u0432\u043e\u0457 \u0432\u043e\u043b\u043e\u0433\u0438;<\/li>\r\n <li>\u0412\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0457 \u0433\u0456\u0434\u0440\u043e\u0444\u0456\u0437\u0438\u0447\u043d\u043e\u0457 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0438 (\u043a\u0440\u0438\u0432\u043e\u0457 \u0432\u043e\u0434\u043e\u0443\u0442\u0440\u0438\u043c\u0443\u0432\u0430\u043b\u044c\u043d\u043e\u0457) \u0437\u0434\u0430\u0442\u043d\u043e\u0441\u0442\u0456) \u0491\u0440\u0443\u043d\u0442\u0443 \u0434\u043b\u044f \u0432\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u041d\u0412 \u0442\u0430 \u043e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0434\u0456\u0430\u043f\u0430\u0437\u043e\u043d\u0443 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0457 \u0434\u043b\u044f \u0440\u043e\u0441\u043b\u0438\u043d\u0438 \u0432\u043e\u043b\u043e\u0433\u0438;<\/li>\r\n <li>\u0412\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u0434\u043b\u044f \u043f\u0440\u043e\u0433\u043d\u043e\u0437\u043d\u0438\u0445 \u0440\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043a\u0456\u0432 \u0441\u0442\u0440\u043e\u043a\u0456\u0432 \u0456 \u043d\u043e\u0440\u043c \u043f\u043e\u043b\u0438\u0432\u0443 \u0440\u0456\u0432\u043d\u044f\u043d\u043d\u044f \u0432\u043e\u043b\u043e\u0433\u043e\u043f\u0435\u0440\u0435\u043d\u0435\u0441\u0435\u043d\u043d\u044f \u0432 \u0442\u0435\u0440\u043c\u0456\u043d\u0430\u0445 \u043f\u043e\u0442\u0435\u043d\u0446\u0456\u0430\u043b\u0443 \u0491\u0440\u0443\u043d\u0442\u043e\u0432\u043e\u0457 \u0432\u043e\u043b\u043e\u0433\u0438;<\/li>\r\n <li>\u0412\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u0434\u0430\u0442\u0447\u0438\u043a\u0456\u0432 \u0442\u0435\u043d\u0437\u0456\u043e\u043c\u0435\u0442\u0440\u0438\u0447\u043d\u043e\u0433\u043e \u0442\u0438\u0441\u043a\u0443 \u0434\u043b\u044f \u0456\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044e (\u043c\u043e\u043d\u0456\u0442\u043e\u0440\u0438\u043d\u0433\u0443) \u0440\u0456\u0432\u043d\u044f \u0432\u043e\u043b\u043e\u0433\u043e\u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0435\u043d\u043d\u044f \u0442\u0430 \u043a\u043e\u0440\u0435\u0433\u0443\u0432\u0430\u043d\u043d\u044f \u043f\u0440\u043e\u0433\u043d\u043e\u0437\u043d\u0438\u0445 (\u0440\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043a\u043e\u0432\u0438\u0445) \u0441\u0442\u0440\u043e\u043a\u0456\u0432 \u0456 \u043d\u043e\u0440\u043c \u043f\u043e\u043b\u0438\u0432\u0443<\/li>\r\n <li>\u0412\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u0434\u043b\u044f \u0440\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043a\u0443 \u0441\u0443\u043c\u0430\u0440\u043d\u043e\u0433\u043e \u0432\u0438\u043f\u0430\u0440\u043e\u0432\u0443\u0432\u0430\u043d\u043d\u044f \u0434\u0435\u043a\u0456\u043b\u044c\u043a\u043e\u0445 \u043c\u0435\u0442\u043e\u0434\u0456\u0432 (Penman\u2013Monteith, \u0428\u0442\u043e\u0439\u043a\u043e, \u0406\u0432\u0430\u043d\u043e\u0432\u0430 \u0442\u043e\u0449\u043e);<\/li>\r\n <li>\u0412\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u043a\u043e\u0440\u043e\u0442\u043a\u043e\u0442\u0435\u0440\u043c\u0456\u043d\u043e\u0432\u0438\u0445 (\u043f\u0440\u043e\u0433\u043d\u043e\u0437\u0456\u0432 \u043f\u043e\u0433\u043e\u0434\u0438 (\u0434\u043e 5 \u0434\u0456\u0431) \u0434\u043b\u044f \u043f\u0440\u043e\u0433\u043d\u043e\u0437\u043d\u0438\u0445 \u0440\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043a\u0456\u0432 \u0441\u0443\u043c\u0430\u0440\u043d\u043e\u0433\u043e \u0432\u0438\u043f\u0430\u0440\u043e\u0432\u0443\u0432\u0430\u043d\u043d\u044f;<\/li>\r\n <li>\u0412\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u0434\u0430\u043d\u0438\u0445 \u0434\u0438\u0441\u0442\u0430\u043d\u0446\u0456\u0439\u043d\u043e\u0433\u043e \u0437\u043e\u043d\u0434\u0443\u0432\u0430\u043d\u043d\u044f \u0441\u0442\u0430\u043d\u0443 \u0442\u0430 \u0440\u0456\u0432\u043d\u044f \u0432\u043e\u043b\u043e\u0433\u043e\u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0435\u043d\u043d\u044f \u0440\u043e\u0441\u043b\u0438\u043d \u0442\u0430 \u0443\u043c\u043e\u0432 \u0440\u043e\u0437\u043f\u043e\u0432\u0441\u044e\u0434\u0436\u0435\u043d\u043d\u044f \u0434\u0430\u043d\u0438\u0445 \u043f\u0440\u043e \u0441\u0442\u0440\u043e\u043a\u0438 \u0456 \u043d\u043e\u0440\u043c\u0438 \u043f\u043e\u043b\u0438\u0432\u0443 \u043d\u0430 \u043f\u043e\u043b\u044f \u0430\u043d\u0430\u043b\u043e\u0433\u0438, \u0449\u043e \u043d\u0435 \u043e\u0445\u043e\u043f\u043b\u0435\u043d\u0456 \u0456\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u0438\u043c\u0438 \u0432\u0438\u043c\u0456\u0440\u044e\u0432\u0430\u043d\u043d\u044f\u043c\u0438;<\/li>\r\n <li>\u041f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u043d\u044f \u0431\u0456\u043b\u044c\u0448\u043e\u0457 \u043a\u0456\u043b\u044c\u043a\u043e\u0441\u0442\u0456 \u043f\u043e\u043b\u0438\u0432\u0456\u0432 \u043c\u0435\u043d\u0448\u0438\u043c\u0438 \u043d\u043e\u0440\u043c\u0430\u043c\u0438 (\u0437\u0432\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u044f \u0491\u0440\u0443\u043d\u0442\u0443 \u043d\u0435 \u0431\u0456\u043b\u044c\u0448\u0435 \u00be \u043f\u043e\u0442\u0443\u0436\u043d\u043e\u0441\u0442\u0456 \u043a\u043e\u0440\u0435\u043d\u0435\u0432\u043e\u0433\u043e \u0448\u0430\u0440\u0443).<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <p class=\"highlight-section\">\u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0432\u043e\u043b\u043e\u0433\u043e\u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0435\u043d\u043d\u044f \u0491\u0440\u0443\u043d\u0442\u0456\u0432 \u0437\u0434\u0456\u0439\u0441\u043d\u044e\u0454 \u043f\u0440\u043e\u0433\u043d\u043e\u0437\u0443\u0432\u0430\u043d\u043d\u044f \u043d\u043e\u0440\u043c\u0438 \u0456 \u0442\u0435\u0440\u043c\u0456\u043d\u0443 \u043f\u043e\u043b\u0438\u0432\u0443 \u043d\u0430 5 \u0434\u043d\u0456\u0432 \u0437 \u0432\u0438\u0434\u0430\u0447\u0435\u044e \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0456\u0439 \u043d\u0430 \u043c\u043e\u0431\u0456\u043b\u044c\u043d\u0438\u0439 \u043f\u0440\u0438\u0441\u0442\u0440\u0456\u0439 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447\u0430.<\/p>\r\n\r\n \r\n <div class=\"benefits-section\">\r\n <h2>\r\n <svg class=\"section-icon\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <line x1=\"50\" y1=\"15\" x2=\"50\" y2=\"85\" stroke=\"#1e5a96\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n <line x1=\"15\" y1=\"50\" x2=\"85\" y2=\"50\" stroke=\"#1e5a96\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n \u041f\u0435\u0440\u0435\u0432\u0430\u0433\u0438 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0438 \u00ab\u041f\u043e\u043b\u0438\u0432 \u043e\u043d\u043b\u0430\u0439\u043d\u00bb:\r\n <\/h2>\r\n \r\n <div class=\"benefits-grid\">\r\n <div class=\"benefit-card\">\r\n <svg class=\"benefit-icon\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"none\" stroke=\"#1e5a96\" stroke-width=\"3\"\/>\r\n <path d=\"M35 50 L45 60 L65 40\" stroke=\"#1e5a96\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <p>\u0422\u043e\u0447\u043d\u0456\u0441\u0442\u044c \u043f\u0440\u043e\u0433\u043d\u043e\u0437\u0443\u0432\u0430\u043d\u043d\u044f \u0456 \u043a\u0435\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u0441\u0442\u0430\u043d\u043e\u043c \u0432\u043e\u043b\u043e\u0433\u043e\u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0435\u043d\u043d\u044f \u0491\u0440\u0443\u043d\u0442\u0443;<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <svg class=\"benefit-icon\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"30\" cy=\"30\" r=\"8\" fill=\"#1e5a96\"\/>\r\n <circle cx=\"70\" cy=\"30\" r=\"8\" fill=\"#1e5a96\"\/>\r\n <circle cx=\"30\" cy=\"70\" r=\"8\" fill=\"#1e5a96\"\/>\r\n <circle cx=\"70\" cy=\"70\" r=\"8\" fill=\"#1e5a96\"\/>\r\n <line x1=\"30\" y1=\"30\" x2=\"70\" y2=\"30\" stroke=\"#1e5a96\" stroke-width=\"2\"\/>\r\n <line x1=\"30\" y1=\"30\" x2=\"30\" y2=\"70\" stroke=\"#1e5a96\" stroke-width=\"2\"\/>\r\n <line x1=\"70\" y1=\"30\" x2=\"70\" y2=\"70\" stroke=\"#1e5a96\" stroke-width=\"2\"\/>\r\n <line x1=\"30\" y1=\"70\" x2=\"70\" y2=\"70\" stroke=\"#1e5a96\" stroke-width=\"2\"\/>\r\n <\/svg>\r\n <p>\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u043d\u0438\u0439 \u043c\u043e\u043d\u0456\u0442\u043e\u0440\u0438\u043d\u0433 \u0432\u043e\u043b\u043e\u0433\u043e\u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0435\u043d\u043d\u044f \u0491\u0440\u0443\u043d\u0442\u0443 \u0442\u0430 \u0444\u0430\u043a\u0442\u0438\u0447\u043d\u043e\u0457 \u043f\u043e\u043b\u0438\u0432\u043d\u043e\u0457 \u043d\u043e\u0440\u043c\u0438;<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <svg class=\"benefit-icon\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M50 15 Q40 25 40 35 Q40 50 50 60 Q60 50 60 35 Q60 25 50 15\" fill=\"#1e5a96\"\/>\r\n <circle cx=\"50\" cy=\"75\" r=\"12\" fill=\"none\" stroke=\"#1e5a96\" stroke-width=\"2\"\/>\r\n <path d=\"M50 70 L50 80\" stroke=\"#1e5a96\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <line x1=\"30\" y1=\"75\" x2=\"38\" y2=\"75\" stroke=\"#1e5a96\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <line x1=\"62\" y1=\"75\" x2=\"70\" y2=\"75\" stroke=\"#1e5a96\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <p>\u0415\u043a\u043e\u043d\u043e\u043c\u0456\u044f \u043f\u043e\u043b\u0438\u0432\u043d\u043e\u0457 \u0432\u043e\u0434\u0438 \u0442\u0430 \u0435\u043b\u0435\u043a\u0442\u0440\u043e\u0435\u043d\u0435\u0440\u0433\u0456\u0457;<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <svg class=\"benefit-icon\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect x=\"20\" y=\"30\" width=\"25\" height=\"50\" fill=\"none\" stroke=\"#1e5a96\" stroke-width=\"2\"\/>\r\n <rect x=\"55\" y=\"20\" width=\"25\" height=\"60\" fill=\"none\" stroke=\"#1e5a96\" stroke-width=\"2\"\/>\r\n <rect x=\"20\" y=\"30\" width=\"25\" height=\"35\" fill=\"#1e5a96\" opacity=\"0.6\"\/>\r\n <rect x=\"55\" y=\"20\" width=\"25\" height=\"45\" fill=\"#1e5a96\"\/>\r\n <\/svg>\r\n <p>\u041e\u043f\u0442\u0438\u043c\u0456\u0437\u0430\u0446\u0456\u044f \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u043f\u043e\u043b\u0438\u0432\u043d\u043e\u0457 \u0442\u0435\u0445\u043d\u0456\u043a\u0438 \u0442\u0430 \u043f\u043e\u0442\u0443\u0436\u043d\u043e\u0441\u0442\u0435\u0439 \u043d\u0430\u0441\u043e\u0441\u043d\u0438\u0445 \u0441\u0442\u0430\u043d\u0446\u0456\u0439;<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <svg class=\"benefit-icon\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"50\" cy=\"50\" r=\"35\" fill=\"none\" stroke=\"#1e5a96\" stroke-width=\"2\"\/>\r\n <path d=\"M50 15 L50 50 L70 70\" fill=\"none\" stroke=\"#1e5a96\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n <text x=\"50\" y=\"75\" font-size=\"16\" fill=\"#1e5a96\" text-anchor=\"middle\" font-weight=\"bold\">10%<\/text>\r\n <\/svg>\r\n <p>\u041f\u0456\u0434\u0432\u0438\u0449\u0435\u043d\u043d\u044f \u0432\u0440\u043e\u0436\u0430\u0439\u043d\u043e\u0441\u0442\u0456 \u0441\u0456\u043b\u044c\u0441\u044c\u043a\u043e\u0433\u043e\u0441\u043f\u043e\u0434\u0430\u0440\u0441\u044c\u043a\u0438\u0445 \u043a\u0443\u043b\u044c\u0442\u0443\u0440 \u2265 10 %;<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <svg class=\"benefit-icon\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M50 20 L70 35 L70 75 Q70 85 60 85 L40 85 Q30 85 30 75 L30 35 Z\" fill=\"none\" stroke=\"#1e5a96\" stroke-width=\"2.5\"\/>\r\n <path d=\"M40 50 L50 60 L60 45\" stroke=\"#1e5a96\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <circle cx=\"50\" cy=\"32\" r=\"4\" fill=\"#1e5a96\"\/>\r\n <\/svg>\r\n <p>\u0412\u0456\u0434\u043d\u043e\u0441\u043d\u043e \u043d\u0435\u0432\u0438\u0441\u043e\u043a\u0430 \u0432\u0430\u0440\u0442\u0456\u0441\u0442\u044c \u043e\u0431\u043b\u0430\u0434\u043d\u0430\u043d\u043d\u044f \u0456 \u043a\u043e\u043d\u0441\u0430\u043b\u0442\u0438\u043d\u0433\u043e\u0432\u0438\u0445 \u043f\u043e\u0441\u043b\u0443\u0433.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer\">\r\n <p><strong>\u0420\u043e\u0437\u0440\u043e\u0431\u043d\u0438\u043a:<\/strong> \u0406\u043d\u0441\u0442\u0438\u0442\u0443\u0442 \u0432\u043e\u0434\u043d\u0438\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0456 \u043c\u0435\u043b\u0456\u043e\u0440\u0430\u0446\u0456\u0457. <a href=\"http:\/\/igim.org.ua\/?page_id=1240\" target=\"_blank\">\u0412\u0456\u0434\u0434\u0456\u043b \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u0439\u043d\u0438\u0445 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0456\u0439 \u0442\u0430 \u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u0443 \u0456\u043d\u043d\u043e\u0432\u0430\u0446\u0456\u0439.<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n\r\n const styleSheet = document.createElement('style');\r\n styleSheet.textContent = styles;\r\n shadow.appendChild(styleSheet);\r\n\r\n const container = document.createElement('div');\r\n container.innerHTML = html;\r\n shadow.appendChild(container);\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":11631,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"onecolumn-page.php","meta":[],"_links":{"self":[{"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/pages\/7687"}],"collection":[{"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/comments?post=7687"}],"version-history":[{"count":7,"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/pages\/7687\/revisions"}],"predecessor-version":[{"id":11889,"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/pages\/7687\/revisions\/11889"}],"up":[{"embeddable":true,"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/pages\/11631"}],"wp:attachment":[{"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/media?parent=7687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":7687,"date":"2021-04-20T09:58:23","date_gmt":"2021-04-20T06:58:23","guid":{"rendered":"http:\/\/igim.org.ua\/?page_id=7687"},"modified":"2025-10-20T13:00:28","modified_gmt":"2025-10-20T10:00:28","slug":"%d1%96%d0%bd%d1%84%d0%be%d1%80%d0%bc%d0%b0%d1%86%d1%96%d0%b9%d0%bd%d0%be-%d0%b0%d0%bd%d0%b0%d0%bb%d1%96%d1%82%d0%b8%d1%87%d0%bd%d0%b0-%d1%81%d0%b8%d1%81%d1%82%d0%b5%d0%bc%d0%b0-%d1%83%d0%bf%d1%80","status":"publish","type":"page","link":"https:\/\/igim.org.ua\/en\/%d0%ba%d0%be%d0%bc%d0%b5%d1%80%d1%86%d1%96%d0%b9%d0%bd%d1%96-%d0%bf%d0%be%d1%81%d0%bb%d1%83%d0%b3%d0%b8\/%d1%96%d0%bd%d1%84%d0%be%d1%80%d0%bc%d0%b0%d1%86%d1%96%d0%b9%d0%bd%d0%be-%d0%b0%d0%bd%d0%b0%d0%bb%d1%96%d1%82%d0%b8%d1%87%d0%bd%d0%b0-%d1%81%d0%b8%d1%81%d1%82%d0%b5%d0%bc%d0%b0-%d1%83%d0%bf%d1%80\/","title":{"rendered":"\u0406\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u0439\u043d\u043e-\u0430\u043d\u0430\u043b\u0456\u0442\u0438\u0447\u043d\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0443\u043f\u0440\u0430\u0432\u043b\u0456\u043d\u043d\u044f \u0437\u0440\u043e\u0448\u0435\u043d\u043d\u044f\u043c \u00ab\u041f\u043e\u043b\u0438\u0432 \u043e\u043d\u043b\u0430\u0439\u043d\u00bb"},"content":{"rendered":"\r\n\r\n\r\n \r\n \r\n \u041f\u043e\u043b\u0438\u0432 \u043e\u043d\u043b\u0430\u0439\u043d - \u0420\u043e\u0437\u0443\u043c\u043d\u0435 \u0443\u043f\u0440\u0430\u0432\u043b\u0456\u043d\u043d\u044f \u0437\u0440\u043e\u0448\u0435\u043d\u043d\u044f\u043c<\/title>\r\n<\/head>\r\n<body>\r\n <div id=\"poliv-online-app\"><\/div>\r\n\r\n <script>\r\n (function() {\r\n const shadowHost = document.createElement('div');\r\n document.currentScript.parentNode.insertBefore(shadowHost, document.currentScript);\r\n \r\n const shadow = shadowHost.attachShadow({ mode: 'open' });\r\n \r\n const styles = `\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :host {\r\n --primary-blue: #1e5a96;\r\n --light-bg: #f0f4f8;\r\n --white: #ffffff;\r\n --dark-text: #4a4a4a;\r\n }\r\n\r\n .wrapper {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n background: linear-gradient(135deg, var(--light-bg) 0%, var(--white) 100%);\r\n min-height: 100vh;\r\n padding: 20px;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Header *\/\r\n .header {\r\n text-align: center;\r\n color: var(--primary-blue);\r\n margin-bottom: 25px;\r\n animation: fadeInDown 0.8s ease;\r\n padding: 30px 20px;\r\n background: var(--white);\r\n border-radius: 15px;\r\n box-shadow: 0 5px 20px rgba(30, 90, 150, 0.1);\r\n }\r\n\r\n .header h1 {\r\n font-size: 2.4em;\r\n margin-bottom: 15px;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* Hero Image *\/\r\n .hero-image {\r\n text-align: center;\r\n margin-bottom: 25px;\r\n animation: fadeInUp 0.8s ease 0.2s both;\r\n }\r\n\r\n .hero-image img {\r\n max-width: 100%;\r\n height: auto;\r\n border-radius: 20px;\r\n box-shadow: 0 10px 40px rgba(30, 90, 150, 0.15);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .hero-image img:hover {\r\n transform: scale(1.02);\r\n }\r\n\r\n \/* Info Section *\/\r\n .info-section {\r\n background: var(--white);\r\n border-radius: 15px;\r\n padding: 40px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 5px 20px rgba(30, 90, 150, 0.1);\r\n animation: fadeInUp 0.8s ease 0.3s both;\r\n }\r\n\r\n .info-section h2 {\r\n color: var(--primary-blue);\r\n font-size: 1.8em;\r\n margin-bottom: 25px;\r\n border-bottom: 3px solid var(--primary-blue);\r\n padding-bottom: 15px;\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n\r\n .section-icon {\r\n width: 40px;\r\n height: 40px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .simple-text {\r\n color: var(--dark-text);\r\n font-size: 1.05em;\r\n line-height: 1.8;\r\n margin-bottom: 20px;\r\n animation: fadeInUp 0.8s ease 0.3s both;\r\n }\r\n background: linear-gradient(135deg, #e8f4f8 0%, #f0f9ff 100%);\r\n border-left: 5px solid #22c55e;\r\n padding: 25px 30px;\r\n border-radius: 10px;\r\n margin: 20px 0;\r\n font-size: 1.1em;\r\n font-weight: 700;\r\n color: var(--dark-text);\r\n line-height: 1.9;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n padding-left: 60px;\r\n cursor: pointer;\r\n }\r\n\r\n .highlight-section:hover {\r\n background: linear-gradient(135deg, #d0ebf5 0%, #e8f7ff 100%);\r\n box-shadow: 0 5px 20px rgba(34, 197, 94, 0.15);\r\n transform: translateX(5px);\r\n }\r\n\r\n .highlight-section:before {\r\n content: \"\u2713\";\r\n position: absolute;\r\n left: 20px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n font-size: 1.8em;\r\n color: #22c55e;\r\n font-weight: bold;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .highlight-section:hover:before {\r\n opacity: 1;\r\n }\r\n\r\n \/* Indicators List *\/\r\n .indicators-list {\r\n background: var(--white);\r\n border-left: 5px solid var(--primary-blue);\r\n padding: 30px;\r\n border-radius: 10px;\r\n margin: 20px 0;\r\n box-shadow: 0 5px 20px rgba(30, 90, 150, 0.1);\r\n animation: fadeInUp 0.8s ease 0.4s both;\r\n }\r\n\r\n .indicators-list h3 {\r\n color: var(--primary-blue);\r\n font-size: 1.25em;\r\n margin-bottom: 20px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n transition: font-size 0.3s ease;\r\n }\r\n\r\n .indicators-list h3:hover {\r\n font-size: 1.3em;\r\n }\r\n\r\n .list-icon {\r\n width: 32px;\r\n height: 32px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .indicators-list ul {\r\n list-style: none;\r\n }\r\n\r\n .indicators-list li {\r\n color: var(--dark-text);\r\n font-size: 1.05em;\r\n line-height: 1.9;\r\n margin-bottom: 15px;\r\n padding-left: 40px;\r\n position: relative;\r\n transition: font-size 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .indicators-list li:hover {\r\n font-size: 1.1em;\r\n }\r\n\r\n .indicators-list li:before {\r\n content: \"\u25b8\";\r\n position: absolute;\r\n left: 0;\r\n color: #1e5a96;\r\n font-size: 1.5em;\r\n font-weight: bold;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .indicators-list li:hover:before {\r\n content: \"\u2713\";\r\n color: #22c55e;\r\n font-size: 1.3em;\r\n }\r\n\r\n \/* Grid Cards for Benefits *\/\r\n .benefits-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 20px;\r\n margin: 40px 0;\r\n animation: fadeInUp 0.8s ease 0.5s both;\r\n }\r\n\r\n .benefit-card {\r\n background: var(--white);\r\n padding: 30px;\r\n border-radius: 12px;\r\n box-shadow: 0 5px 20px rgba(30, 90, 150, 0.1);\r\n transition: all 0.3s ease;\r\n border-top: 4px solid var(--primary-blue);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n .benefit-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 15px 40px rgba(30, 90, 150, 0.2);\r\n }\r\n\r\n .benefit-icon {\r\n width: 50px;\r\n height: 50px;\r\n margin-bottom: 15px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .benefit-card p {\r\n color: var(--dark-text);\r\n line-height: 1.8;\r\n font-size: 1.05em;\r\n }\r\n\r\n \/* Benefits Section *\/\r\n .benefits-section {\r\n background: var(--white);\r\n border-radius: 15px;\r\n padding: 40px;\r\n margin-bottom: 60px;\r\n box-shadow: 0 5px 20px rgba(30, 90, 150, 0.1);\r\n animation: fadeInUp 0.8s ease 0.5s both;\r\n }\r\n\r\n .benefits-section h2 {\r\n color: var(--primary-blue);\r\n font-size: 1.8em;\r\n margin-bottom: 30px;\r\n border-bottom: 3px solid var(--primary-blue);\r\n padding-bottom: 15px;\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n\r\n \/* Footer *\/\r\n .footer {\r\n text-align: center;\r\n color: var(--primary-blue);\r\n padding: 30px;\r\n background: var(--white);\r\n border-radius: 15px;\r\n margin-top: 60px;\r\n font-size: 1em;\r\n box-shadow: 0 5px 20px rgba(30, 90, 150, 0.1);\r\n animation: fadeInUp 0.8s ease 0.7s both;\r\n }\r\n\r\n .footer p {\r\n margin-bottom: 10px;\r\n }\r\n\r\n .footer a {\r\n color: var(--primary-blue);\r\n text-decoration: none;\r\n border-bottom: 2px solid var(--primary-blue);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .footer a:hover {\r\n opacity: 0.7;\r\n }\r\n\r\n \/* Animations *\/\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 @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 \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .header h1 {\r\n font-size: 1.8em;\r\n }\r\n\r\n .info-section {\r\n padding: 25px;\r\n }\r\n\r\n .benefits-section {\r\n padding: 25px;\r\n }\r\n\r\n .indicators-list {\r\n padding: 20px;\r\n }\r\n\r\n .benefits-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .info-section h2,\r\n .benefits-section h2,\r\n .indicators-list h3 {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n }\r\n `;\r\n\r\n const html = `\r\n <div class=\"wrapper\">\r\n <div class=\"container\">\r\n \r\n <div class=\"header\">\r\n <h1>\u0406\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u0439\u043d\u043e-\u0430\u043d\u0430\u043b\u0456\u0442\u0438\u0447\u043d\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0443\u043f\u0440\u0430\u0432\u043b\u0456\u043d\u043d\u044f \u0437\u0440\u043e\u0448\u0435\u043d\u043d\u044f\u043c \u00ab\u041f\u043e\u043b\u0438\u0432 \u043e\u043d\u043b\u0430\u0439\u043d\u00bb<\/h1>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-image\">\r\n <img src=\"http:\/\/igim.org.ua\/wp-content\/uploads\/2021\/04\/Poliv_online.jpg\" alt=\"\u041f\u043e\u043b\u0438\u0432 \u043e\u043d\u043b\u0430\u0439\u043d \u0441\u0438\u0441\u0442\u0435\u043c\u0430\">\r\n <\/div>\r\n\r\n \r\n <div class=\"info-section\">\r\n <h2>\r\n <svg class=\"section-icon\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"50\" cy=\"35\" r=\"18\" fill=\"#1e5a96\"\/>\r\n <path d=\"M30 65 Q30 55 50 55 Q70 55 70 65 L70 85 Q70 92 63 92 L37 92 Q30 92 30 85 Z\" fill=\"#1e5a96\"\/>\r\n <path d=\"M45 20 L50 10 L55 20 M50 10 L50 30\" stroke=\"#1e5a96\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n \u041f\u0440\u043e \u0441\u0438\u0441\u0442\u0435\u043c\u0443\r\n <\/h2>\r\n <p class=\"simple-text\">\u0412 \u0406\u043d\u0441\u0442\u0438\u0442\u0443\u0442\u0456 \u0432\u043e\u0434\u043d\u0438\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0456 \u043c\u0435\u043b\u0456\u043e\u0440\u0430\u0446\u0456\u0457 \u041d\u0410\u0410\u041d \u0440\u043e\u0437\u0440\u043e\u0431\u043b\u0435\u043d\u043e \u0406\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u0439\u043d\u043e-\u0430\u043d\u0430\u043b\u0456\u0442\u0438\u0447\u043d\u0443 \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0443\u043f\u0440\u0430\u0432\u043b\u0456\u043d\u043d\u044f \u0437\u0440\u043e\u0448\u0435\u043d\u043d\u044f\u043c \u00ab\u041f\u043e\u043b\u0438\u0432 \u043e\u043d\u043b\u0430\u0439\u043d\u00bb.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"indicators-list\">\r\n <h3>\r\n <svg class=\"list-icon\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect x=\"10\" y=\"15\" width=\"80\" height=\"70\" rx=\"5\" fill=\"none\" stroke=\"#1e5a96\" stroke-width=\"3\"\/>\r\n <line x1=\"20\" y1=\"30\" x2=\"80\" y2=\"30\" stroke=\"#1e5a96\" stroke-width=\"2\"\/>\r\n <line x1=\"20\" y1=\"45\" x2=\"80\" y2=\"45\" stroke=\"#1e5a96\" stroke-width=\"2\"\/>\r\n <line x1=\"20\" y1=\"60\" x2=\"80\" y2=\"60\" stroke=\"#1e5a96\" stroke-width=\"2\"\/>\r\n <line x1=\"20\" y1=\"75\" x2=\"80\" y2=\"75\" stroke=\"#1e5a96\" stroke-width=\"2\"\/>\r\n <\/svg>\r\n \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0440\u0435\u0430\u043b\u0456\u0437\u0443\u0454 \u043f\u0440\u043e\u0446\u0435\u0441 \u0443\u043f\u0440\u0430\u0432\u043b\u0456\u043d\u043d\u044f \u043f\u043e\u043b\u0438\u0432\u0430\u043c\u0438 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0456 \u043d\u0430\u0441\u0442\u0443\u043f\u043d\u0438\u0445 \u043f\u043e\u043a\u0430\u0437\u043d\u0438\u043a\u0456\u0432:\r\n <\/h3>\r\n <ul>\r\n <li>\u041f\u0456\u0434\u0442\u0440\u0438\u043c\u0430\u043d\u043d\u044f \u0432\u043e\u043b\u043e\u0433\u043e\u0432\u043c\u0456\u0441\u0442\u0443 \u0491\u0440\u0443\u043d\u0442\u0456\u0432 \u0443 \u0432\u0443\u0437\u044c\u043a\u043e\u043c\u0443 \u0434\u0456\u0430\u043f\u0430\u0437\u043e\u043d\u0456 \u0432\u0438\u0441\u043e\u043a\u043e\u0433\u043e \u0432\u043e\u043b\u043e\u0433\u043e\u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0435\u043d\u043d\u044f (0,8 \u00f7 0,85 \u041d\u0412 \u00f7 \u041d\u0412);<\/li>\r\n <li>\u0412\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u0432 \u044f\u043a\u043e\u0441\u0442\u0456 \u043f\u043e\u043a\u0430\u0437\u043d\u0438\u043a\u0430 \u0440\u0456\u0432\u043d\u044f \u0432\u043e\u043b\u043e\u0433\u043e\u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0435\u043d\u043d\u044f \u0442\u0430 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u0456 \u0491\u0440\u0443\u043d\u0442\u043e\u0432\u043e\u0457 \u0432\u043e\u043b\u043e\u0433\u0438 \u2013 \u0442\u0435\u043d\u0437\u0456\u043e\u043c\u0435\u0442\u0440\u0438\u0447\u043d\u043e\u0433\u043e \u0442\u0438\u0441\u043a\u0443 (\u043a\u0430\u043f\u0456\u043b\u044f\u0440\u043d\u043e\u0433\u043e \u043f\u043e\u0442\u0435\u043d\u0446\u0456\u0430\u043b\u0443) \u0491\u0440\u0443\u043d\u0442\u043e\u0432\u043e\u0457 \u0432\u043e\u043b\u043e\u0433\u0438;<\/li>\r\n <li>\u0412\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0457 \u0433\u0456\u0434\u0440\u043e\u0444\u0456\u0437\u0438\u0447\u043d\u043e\u0457 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0438 (\u043a\u0440\u0438\u0432\u043e\u0457 \u0432\u043e\u0434\u043e\u0443\u0442\u0440\u0438\u043c\u0443\u0432\u0430\u043b\u044c\u043d\u043e\u0457) \u0437\u0434\u0430\u0442\u043d\u043e\u0441\u0442\u0456) \u0491\u0440\u0443\u043d\u0442\u0443 \u0434\u043b\u044f \u0432\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u041d\u0412 \u0442\u0430 \u043e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0434\u0456\u0430\u043f\u0430\u0437\u043e\u043d\u0443 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0457 \u0434\u043b\u044f \u0440\u043e\u0441\u043b\u0438\u043d\u0438 \u0432\u043e\u043b\u043e\u0433\u0438;<\/li>\r\n <li>\u0412\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u0434\u043b\u044f \u043f\u0440\u043e\u0433\u043d\u043e\u0437\u043d\u0438\u0445 \u0440\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043a\u0456\u0432 \u0441\u0442\u0440\u043e\u043a\u0456\u0432 \u0456 \u043d\u043e\u0440\u043c \u043f\u043e\u043b\u0438\u0432\u0443 \u0440\u0456\u0432\u043d\u044f\u043d\u043d\u044f \u0432\u043e\u043b\u043e\u0433\u043e\u043f\u0435\u0440\u0435\u043d\u0435\u0441\u0435\u043d\u043d\u044f \u0432 \u0442\u0435\u0440\u043c\u0456\u043d\u0430\u0445 \u043f\u043e\u0442\u0435\u043d\u0446\u0456\u0430\u043b\u0443 \u0491\u0440\u0443\u043d\u0442\u043e\u0432\u043e\u0457 \u0432\u043e\u043b\u043e\u0433\u0438;<\/li>\r\n <li>\u0412\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u0434\u0430\u0442\u0447\u0438\u043a\u0456\u0432 \u0442\u0435\u043d\u0437\u0456\u043e\u043c\u0435\u0442\u0440\u0438\u0447\u043d\u043e\u0433\u043e \u0442\u0438\u0441\u043a\u0443 \u0434\u043b\u044f \u0456\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044e (\u043c\u043e\u043d\u0456\u0442\u043e\u0440\u0438\u043d\u0433\u0443) \u0440\u0456\u0432\u043d\u044f \u0432\u043e\u043b\u043e\u0433\u043e\u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0435\u043d\u043d\u044f \u0442\u0430 \u043a\u043e\u0440\u0435\u0433\u0443\u0432\u0430\u043d\u043d\u044f \u043f\u0440\u043e\u0433\u043d\u043e\u0437\u043d\u0438\u0445 (\u0440\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043a\u043e\u0432\u0438\u0445) \u0441\u0442\u0440\u043e\u043a\u0456\u0432 \u0456 \u043d\u043e\u0440\u043c \u043f\u043e\u043b\u0438\u0432\u0443<\/li>\r\n <li>\u0412\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u0434\u043b\u044f \u0440\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043a\u0443 \u0441\u0443\u043c\u0430\u0440\u043d\u043e\u0433\u043e \u0432\u0438\u043f\u0430\u0440\u043e\u0432\u0443\u0432\u0430\u043d\u043d\u044f \u0434\u0435\u043a\u0456\u043b\u044c\u043a\u043e\u0445 \u043c\u0435\u0442\u043e\u0434\u0456\u0432 (Penman\u2013Monteith, \u0428\u0442\u043e\u0439\u043a\u043e, \u0406\u0432\u0430\u043d\u043e\u0432\u0430 \u0442\u043e\u0449\u043e);<\/li>\r\n <li>\u0412\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u043a\u043e\u0440\u043e\u0442\u043a\u043e\u0442\u0435\u0440\u043c\u0456\u043d\u043e\u0432\u0438\u0445 (\u043f\u0440\u043e\u0433\u043d\u043e\u0437\u0456\u0432 \u043f\u043e\u0433\u043e\u0434\u0438 (\u0434\u043e 5 \u0434\u0456\u0431) \u0434\u043b\u044f \u043f\u0440\u043e\u0433\u043d\u043e\u0437\u043d\u0438\u0445 \u0440\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043a\u0456\u0432 \u0441\u0443\u043c\u0430\u0440\u043d\u043e\u0433\u043e \u0432\u0438\u043f\u0430\u0440\u043e\u0432\u0443\u0432\u0430\u043d\u043d\u044f;<\/li>\r\n <li>\u0412\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u0434\u0430\u043d\u0438\u0445 \u0434\u0438\u0441\u0442\u0430\u043d\u0446\u0456\u0439\u043d\u043e\u0433\u043e \u0437\u043e\u043d\u0434\u0443\u0432\u0430\u043d\u043d\u044f \u0441\u0442\u0430\u043d\u0443 \u0442\u0430 \u0440\u0456\u0432\u043d\u044f \u0432\u043e\u043b\u043e\u0433\u043e\u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0435\u043d\u043d\u044f \u0440\u043e\u0441\u043b\u0438\u043d \u0442\u0430 \u0443\u043c\u043e\u0432 \u0440\u043e\u0437\u043f\u043e\u0432\u0441\u044e\u0434\u0436\u0435\u043d\u043d\u044f \u0434\u0430\u043d\u0438\u0445 \u043f\u0440\u043e \u0441\u0442\u0440\u043e\u043a\u0438 \u0456 \u043d\u043e\u0440\u043c\u0438 \u043f\u043e\u043b\u0438\u0432\u0443 \u043d\u0430 \u043f\u043e\u043b\u044f \u0430\u043d\u0430\u043b\u043e\u0433\u0438, \u0449\u043e \u043d\u0435 \u043e\u0445\u043e\u043f\u043b\u0435\u043d\u0456 \u0456\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u0438\u043c\u0438 \u0432\u0438\u043c\u0456\u0440\u044e\u0432\u0430\u043d\u043d\u044f\u043c\u0438;<\/li>\r\n <li>\u041f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u043d\u044f \u0431\u0456\u043b\u044c\u0448\u043e\u0457 \u043a\u0456\u043b\u044c\u043a\u043e\u0441\u0442\u0456 \u043f\u043e\u043b\u0438\u0432\u0456\u0432 \u043c\u0435\u043d\u0448\u0438\u043c\u0438 \u043d\u043e\u0440\u043c\u0430\u043c\u0438 (\u0437\u0432\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u044f \u0491\u0440\u0443\u043d\u0442\u0443 \u043d\u0435 \u0431\u0456\u043b\u044c\u0448\u0435 \u00be \u043f\u043e\u0442\u0443\u0436\u043d\u043e\u0441\u0442\u0456 \u043a\u043e\u0440\u0435\u043d\u0435\u0432\u043e\u0433\u043e \u0448\u0430\u0440\u0443).<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <p class=\"highlight-section\">\u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0432\u043e\u043b\u043e\u0433\u043e\u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0435\u043d\u043d\u044f \u0491\u0440\u0443\u043d\u0442\u0456\u0432 \u0437\u0434\u0456\u0439\u0441\u043d\u044e\u0454 \u043f\u0440\u043e\u0433\u043d\u043e\u0437\u0443\u0432\u0430\u043d\u043d\u044f \u043d\u043e\u0440\u043c\u0438 \u0456 \u0442\u0435\u0440\u043c\u0456\u043d\u0443 \u043f\u043e\u043b\u0438\u0432\u0443 \u043d\u0430 5 \u0434\u043d\u0456\u0432 \u0437 \u0432\u0438\u0434\u0430\u0447\u0435\u044e \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0456\u0439 \u043d\u0430 \u043c\u043e\u0431\u0456\u043b\u044c\u043d\u0438\u0439 \u043f\u0440\u0438\u0441\u0442\u0440\u0456\u0439 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447\u0430.<\/p>\r\n\r\n \r\n <div class=\"benefits-section\">\r\n <h2>\r\n <svg class=\"section-icon\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <line x1=\"50\" y1=\"15\" x2=\"50\" y2=\"85\" stroke=\"#1e5a96\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n <line x1=\"15\" y1=\"50\" x2=\"85\" y2=\"50\" stroke=\"#1e5a96\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n \u041f\u0435\u0440\u0435\u0432\u0430\u0433\u0438 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0438 \u00ab\u041f\u043e\u043b\u0438\u0432 \u043e\u043d\u043b\u0430\u0439\u043d\u00bb:\r\n <\/h2>\r\n \r\n <div class=\"benefits-grid\">\r\n <div class=\"benefit-card\">\r\n <svg class=\"benefit-icon\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"none\" stroke=\"#1e5a96\" stroke-width=\"3\"\/>\r\n <path d=\"M35 50 L45 60 L65 40\" stroke=\"#1e5a96\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <p>\u0422\u043e\u0447\u043d\u0456\u0441\u0442\u044c \u043f\u0440\u043e\u0433\u043d\u043e\u0437\u0443\u0432\u0430\u043d\u043d\u044f \u0456 \u043a\u0435\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u0441\u0442\u0430\u043d\u043e\u043c \u0432\u043e\u043b\u043e\u0433\u043e\u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0435\u043d\u043d\u044f \u0491\u0440\u0443\u043d\u0442\u0443;<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <svg class=\"benefit-icon\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"30\" cy=\"30\" r=\"8\" fill=\"#1e5a96\"\/>\r\n <circle cx=\"70\" cy=\"30\" r=\"8\" fill=\"#1e5a96\"\/>\r\n <circle cx=\"30\" cy=\"70\" r=\"8\" fill=\"#1e5a96\"\/>\r\n <circle cx=\"70\" cy=\"70\" r=\"8\" fill=\"#1e5a96\"\/>\r\n <line x1=\"30\" y1=\"30\" x2=\"70\" y2=\"30\" stroke=\"#1e5a96\" stroke-width=\"2\"\/>\r\n <line x1=\"30\" y1=\"30\" x2=\"30\" y2=\"70\" stroke=\"#1e5a96\" stroke-width=\"2\"\/>\r\n <line x1=\"70\" y1=\"30\" x2=\"70\" y2=\"70\" stroke=\"#1e5a96\" stroke-width=\"2\"\/>\r\n <line x1=\"30\" y1=\"70\" x2=\"70\" y2=\"70\" stroke=\"#1e5a96\" stroke-width=\"2\"\/>\r\n <\/svg>\r\n <p>\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u043d\u0438\u0439 \u043c\u043e\u043d\u0456\u0442\u043e\u0440\u0438\u043d\u0433 \u0432\u043e\u043b\u043e\u0433\u043e\u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0435\u043d\u043d\u044f \u0491\u0440\u0443\u043d\u0442\u0443 \u0442\u0430 \u0444\u0430\u043a\u0442\u0438\u0447\u043d\u043e\u0457 \u043f\u043e\u043b\u0438\u0432\u043d\u043e\u0457 \u043d\u043e\u0440\u043c\u0438;<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <svg class=\"benefit-icon\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M50 15 Q40 25 40 35 Q40 50 50 60 Q60 50 60 35 Q60 25 50 15\" fill=\"#1e5a96\"\/>\r\n <circle cx=\"50\" cy=\"75\" r=\"12\" fill=\"none\" stroke=\"#1e5a96\" stroke-width=\"2\"\/>\r\n <path d=\"M50 70 L50 80\" stroke=\"#1e5a96\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <line x1=\"30\" y1=\"75\" x2=\"38\" y2=\"75\" stroke=\"#1e5a96\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <line x1=\"62\" y1=\"75\" x2=\"70\" y2=\"75\" stroke=\"#1e5a96\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <p>\u0415\u043a\u043e\u043d\u043e\u043c\u0456\u044f \u043f\u043e\u043b\u0438\u0432\u043d\u043e\u0457 \u0432\u043e\u0434\u0438 \u0442\u0430 \u0435\u043b\u0435\u043a\u0442\u0440\u043e\u0435\u043d\u0435\u0440\u0433\u0456\u0457;<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <svg class=\"benefit-icon\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect x=\"20\" y=\"30\" width=\"25\" height=\"50\" fill=\"none\" stroke=\"#1e5a96\" stroke-width=\"2\"\/>\r\n <rect x=\"55\" y=\"20\" width=\"25\" height=\"60\" fill=\"none\" stroke=\"#1e5a96\" stroke-width=\"2\"\/>\r\n <rect x=\"20\" y=\"30\" width=\"25\" height=\"35\" fill=\"#1e5a96\" opacity=\"0.6\"\/>\r\n <rect x=\"55\" y=\"20\" width=\"25\" height=\"45\" fill=\"#1e5a96\"\/>\r\n <\/svg>\r\n <p>\u041e\u043f\u0442\u0438\u043c\u0456\u0437\u0430\u0446\u0456\u044f \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u043f\u043e\u043b\u0438\u0432\u043d\u043e\u0457 \u0442\u0435\u0445\u043d\u0456\u043a\u0438 \u0442\u0430 \u043f\u043e\u0442\u0443\u0436\u043d\u043e\u0441\u0442\u0435\u0439 \u043d\u0430\u0441\u043e\u0441\u043d\u0438\u0445 \u0441\u0442\u0430\u043d\u0446\u0456\u0439;<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <svg class=\"benefit-icon\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"50\" cy=\"50\" r=\"35\" fill=\"none\" stroke=\"#1e5a96\" stroke-width=\"2\"\/>\r\n <path d=\"M50 15 L50 50 L70 70\" fill=\"none\" stroke=\"#1e5a96\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n <text x=\"50\" y=\"75\" font-size=\"16\" fill=\"#1e5a96\" text-anchor=\"middle\" font-weight=\"bold\">10%<\/text>\r\n <\/svg>\r\n <p>\u041f\u0456\u0434\u0432\u0438\u0449\u0435\u043d\u043d\u044f \u0432\u0440\u043e\u0436\u0430\u0439\u043d\u043e\u0441\u0442\u0456 \u0441\u0456\u043b\u044c\u0441\u044c\u043a\u043e\u0433\u043e\u0441\u043f\u043e\u0434\u0430\u0440\u0441\u044c\u043a\u0438\u0445 \u043a\u0443\u043b\u044c\u0442\u0443\u0440 \u2265 10 %;<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <svg class=\"benefit-icon\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M50 20 L70 35 L70 75 Q70 85 60 85 L40 85 Q30 85 30 75 L30 35 Z\" fill=\"none\" stroke=\"#1e5a96\" stroke-width=\"2.5\"\/>\r\n <path d=\"M40 50 L50 60 L60 45\" stroke=\"#1e5a96\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <circle cx=\"50\" cy=\"32\" r=\"4\" fill=\"#1e5a96\"\/>\r\n <\/svg>\r\n <p>\u0412\u0456\u0434\u043d\u043e\u0441\u043d\u043e \u043d\u0435\u0432\u0438\u0441\u043e\u043a\u0430 \u0432\u0430\u0440\u0442\u0456\u0441\u0442\u044c \u043e\u0431\u043b\u0430\u0434\u043d\u0430\u043d\u043d\u044f \u0456 \u043a\u043e\u043d\u0441\u0430\u043b\u0442\u0438\u043d\u0433\u043e\u0432\u0438\u0445 \u043f\u043e\u0441\u043b\u0443\u0433.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer\">\r\n <p><strong>\u0420\u043e\u0437\u0440\u043e\u0431\u043d\u0438\u043a:<\/strong> \u0406\u043d\u0441\u0442\u0438\u0442\u0443\u0442 \u0432\u043e\u0434\u043d\u0438\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0456 \u043c\u0435\u043b\u0456\u043e\u0440\u0430\u0446\u0456\u0457. <a href=\"http:\/\/igim.org.ua\/?page_id=1240\" target=\"_blank\">\u0412\u0456\u0434\u0434\u0456\u043b \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u0439\u043d\u0438\u0445 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0456\u0439 \u0442\u0430 \u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u0443 \u0456\u043d\u043d\u043e\u0432\u0430\u0446\u0456\u0439.<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n\r\n const styleSheet = document.createElement('style');\r\n styleSheet.textContent = styles;\r\n shadow.appendChild(styleSheet);\r\n\r\n const container = document.createElement('div');\r\n container.innerHTML = html;\r\n shadow.appendChild(container);\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":11631,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"onecolumn-page.php","meta":[],"_links":{"self":[{"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/pages\/7687"}],"collection":[{"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/comments?post=7687"}],"version-history":[{"count":7,"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/pages\/7687\/revisions"}],"predecessor-version":[{"id":11889,"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/pages\/7687\/revisions\/11889"}],"up":[{"embeddable":true,"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/pages\/11631"}],"wp:attachment":[{"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/media?parent=7687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}