{"id":681,"date":"2025-06-20T11:07:38","date_gmt":"2025-06-20T08:07:38","guid":{"rendered":"https:\/\/podarunokpro.site\/news\/?page_id=681"},"modified":"2025-06-20T11:16:33","modified_gmt":"2025-06-20T08:16:33","slug":"%d1%80%d0%b0%d0%b7%d0%b2%d0%b8%d0%b2%d0%b0%d0%b9%d1%82%d0%b5-%d0%bb%d0%be%d0%b3%d0%b8%d0%ba%d1%83-%d0%b4%d0%bb%d1%8f-%d1%83%d1%81%d0%bf%d0%b5%d1%85%d0%b0-%d0%b2-%d0%b6%d0%b8%d0%b7%d0%bd%d0%b8","status":"publish","type":"page","link":"https:\/\/podarunokpro.site\/news\/%d1%80%d0%b0%d0%b7%d0%b2%d0%b8%d0%b2%d0%b0%d0%b9%d1%82%d0%b5-%d0%bb%d0%be%d0%b3%d0%b8%d0%ba%d1%83-%d0%b4%d0%bb%d1%8f-%d1%83%d1%81%d0%bf%d0%b5%d1%85%d0%b0-%d0%b2-%d0%b6%d0%b8%d0%b7%d0%bd%d0%b8\/","title":{"rendered":"\u0420\u0430\u0437\u0432\u0438\u0432\u0430\u0439\u0442\u0435 \u043b\u043e\u0433\u0438\u043a\u0443 \u0434\u043b\u044f \u0443\u0441\u043f\u0435\u0445\u0430\u00a0\u0432 \u0436\u0438\u0437\u043d\u0438!"},"content":{"rendered":"\n
add_action('customize_register', 'logic_academy_customizer');\n\n\/\/ ========== index.php ==========\n<!DOCTYPE html>\n<html <?php language_attributes(); ?>>\n<head>\n    <meta charset=\"<?php bloginfo('charset'); ?>\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title><?php wp_title(); ?><\/title>\n    <?php wp_head(); ?>\n<\/head>\n<body <?php body_class(); ?>>\n    \n    <!-- Header -->\n    <header class=\"header\">\n        <div class=\"container\">\n            <div class=\"header-content\">\n                <div class=\"logo\">\n                    <a href=\"<?php echo home_url(); ?>\">\n                        <?php bloginfo('name'); ?>\n                    <\/a>\n                <\/div>\n                \n                <nav class=\"nav\">\n                    <?php\n                    wp_nav_menu(array(\n                        'theme_location' => 'header-menu',\n                        'container' => false,\n                        'menu_class' => 'nav-menu',\n                    ));\n                    ?>\n                <\/nav>\n                \n                <div class=\"header-cta\">\n                    <a href=\"#contact\" class=\"btn btn-primary\">\u0421\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Hero Section -->\n    <section class=\"hero\">\n        <div class=\"container\">\n            <div class=\"hero-content\">\n                <div class=\"hero-text\">\n                    <h1 class=\"hero-title\">\n                        <?php echo get_theme_mod('hero_title', '\u0420\u0430\u0437\u0432\u0438\u0432\u0430\u0439\u0442\u0435 \u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043c\u044b\u0448\u043b\u0435\u043d\u0438\u0435'); ?>\n                    <\/h1>\n                    <p class=\"hero-subtitle\">\n                        <?php echo get_theme_mod('hero_subtitle', '\u042d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u043a\u0443\u0440\u0441\u044b \u0434\u043b\u044f \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f \u043a\u0440\u0438\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043c\u044b\u0448\u043b\u0435\u043d\u0438\u044f \u0438 \u043b\u043e\u0433\u0438\u043a\u0438'); ?>\n                    <\/p>\n                    <div class=\"hero-buttons\">\n                        <a href=\"<?php echo get_theme_mod('hero_button_url', '#courses'); ?>\" class=\"btn btn-primary btn-large\">\n                            <?php echo get_theme_mod('hero_button_text', '\u041d\u0430\u0447\u0430\u0442\u044c \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435'); ?>\n                        <\/a>\n                        <a href=\"#about\" class=\"btn btn-secondary btn-large\">\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435<\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"hero-image\">\n                    <div class=\"hero-visual\">\n                        <div class=\"logic-symbols\">\n                            <div class=\"symbol\">\u2227<\/div>\n                            <div class=\"symbol\">\u2228<\/div>\n                            <div class=\"symbol\">\u00ac<\/div>\n                            <div class=\"symbol\">\u2192<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Features Section -->\n    <section class=\"features\" id=\"about\">\n        <div class=\"container\">\n            <div class=\"section-header\">\n                <h2>\u041f\u043e\u0447\u0435\u043c\u0443 \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 Logic Academy<\/h2>\n                <p>\u041d\u0430\u0448 \u043f\u043e\u0434\u0445\u043e\u0434 \u043a \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044e \u043b\u043e\u0433\u0438\u043a\u0435 \u043e\u0441\u043d\u043e\u0432\u0430\u043d \u043d\u0430 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u043c\u0435\u0442\u043e\u0434\u0438\u043a\u0430\u0445<\/p>\n            <\/div>\n            \n            <div class=\"features-grid\">\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83e\udde0<\/div>\n                    <h3>\u0420\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u043c\u044b\u0448\u043b\u0435\u043d\u0438\u044f<\/h3>\n                    <p>\u0421\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 \u043a \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044e \u043a\u0440\u0438\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0438 \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043c\u044b\u0448\u043b\u0435\u043d\u0438\u044f<\/p>\n                <\/div>\n                \n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83d\udcca<\/div>\n                    <h3>\u041f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0437\u0430\u0434\u0430\u0447\u0438<\/h3>\n                    <p>\u0420\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u0435\u0439\u0441\u044b \u0438 \u0443\u043f\u0440\u0430\u0436\u043d\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0437\u0430\u043a\u0440\u0435\u043f\u043b\u0435\u043d\u0438\u044f \u0442\u0435\u043e\u0440\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0437\u043d\u0430\u043d\u0438\u0439<\/p>\n                <\/div>\n                \n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83c\udfaf<\/div>\n                    <h3>\u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u043e\u0434\u0445\u043e\u0434<\/h3>\n                    <p>\u0418\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0440\u0430\u0435\u043a\u0442\u043e\u0440\u0438\u0438 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044f \u043f\u043e\u0434 \u0432\u0430\u0448\u0438 \u0446\u0435\u043b\u0438 \u0438 \u0443\u0440\u043e\u0432\u0435\u043d\u044c<\/p>\n                <\/div>\n                \n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83d\udcc8<\/div>\n                    <h3>\u0418\u0437\u043c\u0435\u0440\u0438\u043c\u044b\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442<\/h3>\n                    <p>\u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u043e\u0446\u0435\u043d\u043a\u0438 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441\u0430 \u0438 \u0434\u0435\u0442\u0430\u043b\u044c\u043d\u0430\u044f \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430 \u0443\u0441\u043f\u0435\u0432\u0430\u0435\u043c\u043e\u0441\u0442\u0438<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Courses Section -->\n    <section class=\"courses\" id=\"courses\">\n        <div class=\"container\">\n            <div class=\"section-header\">\n                <h2>\u041d\u0430\u0448\u0438 \u043a\u0443\u0440\u0441\u044b<\/h2>\n                <p>\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0438\u043c\u0435\u043d\u043d\u043e \u0432\u0430\u043c<\/p>\n            <\/div>\n            \n            <div class=\"courses-grid\">\n                <div class=\"course-card\">\n                    <div class=\"course-header\">\n                        <h3>\u041e\u0441\u043d\u043e\u0432\u044b \u043b\u043e\u0433\u0438\u043a\u0438<\/h3>\n                        <div class=\"course-price\">\n                            <span class=\"price\">2 990 \u20bd<\/span>\n                            <span class=\"period\">\/\u043c\u0435\u0441\u044f\u0446<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"course-content\">\n                        <ul class=\"course-features\">\n                            <li>\u0411\u0430\u0437\u043e\u0432\u044b\u0435 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u043b\u043e\u0433\u0438\u043a\u0438<\/li>\n                            <li>\u041b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438<\/li>\n                            <li>\u0410\u043d\u0430\u043b\u0438\u0437 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u043e\u0432<\/li>\n                            <li>\u041f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0443\u043f\u0440\u0430\u0436\u043d\u0435\u043d\u0438\u044f<\/li>\n                        <\/ul>\n                        <a href=\"#\" class=\"btn btn-outline\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/a>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"course-card featured\">\n                    <div class=\"course-badge\">\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0439<\/div>\n                    <div class=\"course-header\">\n                        <h3>\u041a\u0440\u0438\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043c\u044b\u0448\u043b\u0435\u043d\u0438\u0435<\/h3>\n                        <div class=\"course-price\">\n                            <span class=\"price\">4 990 \u20bd<\/span>\n                            <span class=\"period\">\/\u043c\u0435\u0441\u044f\u0446<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"course-content\">\n                        <ul class=\"course-features\">\n                            <li>\u0412\u0441\u0435 \u0438\u0437 \u0431\u0430\u0437\u043e\u0432\u043e\u0433\u043e \u043a\u0443\u0440\u0441\u0430<\/li>\n                            <li>\u041a\u0440\u0438\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0430\u043d\u0430\u043b\u0438\u0437<\/li>\n                            <li>\u0420\u0430\u0431\u043e\u0442\u0430 \u0441 \u043f\u0440\u0435\u0434\u0440\u0430\u0441\u0441\u0443\u0434\u043a\u0430\u043c\u0438<\/li>\n                            <li>\u041f\u0440\u0438\u043d\u044f\u0442\u0438\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0439<\/li>\n                            <li>\u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043d\u0430\u0441\u0442\u0430\u0432\u043d\u0438\u043a<\/li>\n                        <\/ul>\n                        <a href=\"#\" class=\"btn btn-primary\">\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u043a\u0443\u0440\u0441<\/a>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"course-card\">\n                    <div class=\"course-header\">\n                        <h3>\u041c\u0430\u0441\u0442\u0435\u0440 \u043b\u043e\u0433\u0438\u043a\u0438<\/h3>\n                        <div class=\"course-price\">\n                            <span class=\"price\">7 990 \u20bd<\/span>\n                            <span class=\"period\">\/\u043c\u0435\u0441\u044f\u0446<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"course-content\">\n                        <ul class=\"course-features\">\n                            <li>\u0412\u0441\u0435 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0435 \u043a\u0443\u0440\u0441\u044b<\/li>\n                            <li>\u041c\u0430\u0442\u0435\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043b\u043e\u0433\u0438\u043a\u0430<\/li>\n                            <li>\u0424\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u044b<\/li>\n                            <li>\u041f\u0440\u043e\u0435\u043a\u0442\u043d\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0430<\/li>\n                            <li>\u0421\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442 \u044d\u043a\u0441\u043f\u0435\u0440\u0442\u0430<\/li>\n                        <\/ul>\n                        <a href=\"#\" class=\"btn btn-outline\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Contact Section -->\n    <section class=\"contact\" id=\"contact\">\n        <div class=\"container\">\n            <div class=\"contact-content\">\n                <div class=\"contact-info\">\n                    <h2>\u0413\u043e\u0442\u043e\u0432\u044b \u043d\u0430\u0447\u0430\u0442\u044c \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435?<\/h2>\n                    <p>\u0421\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u0441 \u043d\u0430\u043c\u0438 \u0434\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u0438 \u043f\u043e \u0432\u044b\u0431\u043e\u0440\u0443 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b<\/p>\n                    \n                    <div class=\"contact-methods\">\n                        <div class=\"contact-method\">\n                            <span class=\"contact-icon\">\ud83d\udce7<\/span>\n                            <span>info@logicacademy.com<\/span>\n                        <\/div>\n                        <div class=\"contact-method\">\n                            <span class=\"contact-icon\">\ud83d\udcf1<\/span>\n                            <span>+7 (495) 123-45-67<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"contact-form\">\n                    <form class=\"form\">\n                        <div class=\"form-group\">\n                            <input type=\"text\" name=\"name\" placeholder=\"\u0412\u0430\u0448\u0435 \u0438\u043c\u044f\" required>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <input type=\"email\" name=\"email\" placeholder=\"Email\" required>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <select name=\"course\">\n                                <option value=\"\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043a\u0443\u0440\u0441<\/option>\n                                <option value=\"basics\">\u041e\u0441\u043d\u043e\u0432\u044b \u043b\u043e\u0433\u0438\u043a\u0438<\/option>\n                                <option value=\"critical\">\u041a\u0440\u0438\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043c\u044b\u0448\u043b\u0435\u043d\u0438\u0435<\/option>\n                                <option value=\"master\">\u041c\u0430\u0441\u0442\u0435\u0440 \u043b\u043e\u0433\u0438\u043a\u0438<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <textarea name=\"message\" placeholder=\"\u0412\u0430\u0448\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435\"><\/textarea>\n                        <\/div>\n                        <button type=\"submit\" class=\"btn btn-primary btn-large\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443<\/button>\n                    <\/form>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer class=\"footer\">\n        <div class=\"container\">\n            <div class=\"footer-content\">\n                <div class=\"footer-info\">\n                    <div class=\"footer-logo\">\n                        <h3><?php bloginfo('name'); ?><\/h3>\n                        <p>\u0420\u0430\u0437\u0432\u0438\u0432\u0430\u0439\u0442\u0435 \u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043c\u044b\u0448\u043b\u0435\u043d\u0438\u0435 \u0441 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u0430\u043c\u0438<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"footer-links\">\n                    <div class=\"footer-column\">\n                        <h4>\u041a\u0443\u0440\u0441\u044b<\/h4>\n                        <ul>\n                            <li><a href=\"#\">\u041e\u0441\u043d\u043e\u0432\u044b \u043b\u043e\u0433\u0438\u043a\u0438<\/a><\/li>\n                            <li><a href=\"#\">\u041a\u0440\u0438\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043c\u044b\u0448\u043b\u0435\u043d\u0438\u0435<\/a><\/li>\n                            <li><a href=\"#\">\u041c\u0430\u0441\u0442\u0435\u0440 \u043b\u043e\u0433\u0438\u043a\u0438<\/a><\/li>\n                        <\/ul>\n                    <\/div>\n                    \n                    <div class=\"footer-column\">\n                        <h4>\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f<\/h4>\n                        <ul>\n                            <li><a href=\"#\">\u041e \u043d\u0430\u0441<\/a><\/li>\n                            <li><a href=\"#\">\u041f\u0440\u0435\u043f\u043e\u0434\u0430\u0432\u0430\u0442\u0435\u043b\u0438<\/a><\/li>\n                            <li><a href=\"#\">\u041a\u0430\u0440\u044c\u0435\u0440\u0430<\/a><\/li>\n                        <\/ul>\n                    <\/div>\n                    \n                    <div class=\"footer-column\">\n                        <h4>\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430<\/h4>\n                        <ul>\n                            <li><a href=\"#\">\u041f\u043e\u043c\u043e\u0449\u044c<\/a><\/li>\n                            <li><a href=\"#\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/a><\/li>\n                            <li><a href=\"#\">FAQ<\/a><\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"footer-bottom\">\n                <p>&copy; <?php echo date('Y'); ?> Logic Academy. \u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b.<\/p>\n                <div class=\"footer-social\">\n                    <a href=\"#\" class=\"social-link\">VK<\/a>\n                    <a href=\"#\" class=\"social-link\">Telegram<\/a>\n                    <a href=\"#\" class=\"social-link\">YouTube<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <?php wp_footer(); ?>\n<\/body>\n<\/html>\n\n\/* ========== style.css ========== *\/\n\/*\nTheme Name: Logic Academy\nDescription: Landing page theme for Logic Academy\nVersion: 1.0\n*\/\n\n:root {\n    --primary-color: #2563eb;\n    --secondary-color: #1e40af;\n    --accent-color: #3b82f6;\n    --text-primary: #1e293b;\n    --text-secondary: #64748b;\n    --background: #ffffff;\n    --background-alt: #f8fafc;\n    --border-color: #e2e8f0;\n    --success-color: #10b981;\n    --warning-color: #f59e0b;\n    --error-color: #ef4444;\n}\n\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\nbody {\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    line-height: 1.6;\n    color: var(--text-primary);\n    background-color: var(--background);\n}\n\n.container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n\n\/* Header *\/\n.header {\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    border-bottom: 1px solid var(--border-color);\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    z-index: 1000;\n}\n\n.header-content {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 1rem 0;\n}\n\n.logo a {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: var(--primary-color);\n    text-decoration: none;\n}\n\n.nav-menu {\n    display: flex;\n    list-style: none;\n    gap: 2rem;\n}\n\n.nav-menu a {\n    color: var(--text-primary);\n    text-decoration: none;\n    font-weight: 500;\n    transition: color 0.3s;\n}\n\n.nav-menu a:hover {\n    color: var(--primary-color);\n}\n\n\/* Buttons *\/\n.btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0.75rem 1.5rem;\n    border-radius: 0.5rem;\n    text-decoration: none;\n    font-weight: 500;\n    transition: all 0.3s;\n    border: none;\n    cursor: pointer;\n    font-size: 0.875rem;\n}\n\n.btn-primary {\n    background: var(--primary-color);\n    color: white;\n}\n\n.btn-primary:hover {\n    background: var(--secondary-color);\n    transform: translateY(-1px);\n}\n\n.btn-secondary {\n    background: transparent;\n    color: var(--primary-color);\n    border: 2px solid var(--primary-color);\n}\n\n.btn-secondary:hover {\n    background: var(--primary-color);\n    color: white;\n}\n\n.btn-outline {\n    background: transparent;\n    color: var(--text-primary);\n    border: 1px solid var(--border-color);\n}\n\n.btn-outline:hover {\n    background: var(--background-alt);\n}\n\n.btn-large {\n    padding: 1rem 2rem;\n    font-size: 1rem;\n}\n\n\/* Hero Section *\/\n.hero {\n    padding: 8rem 0 4rem;\n    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n}\n\n.hero-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 4rem;\n    align-items: center;\n}\n\n.hero-title {\n    font-size: 3.5rem;\n    font-weight: 700;\n    line-height: 1.1;\n    margin-bottom: 1.5rem;\n    background: linear-gradient(135deg, var(--primary-color), var(--accent-color));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n\n.hero-subtitle {\n    font-size: 1.25rem;\n    color: var(--text-secondary);\n    margin-bottom: 2rem;\n    line-height: 1.6;\n}\n\n.hero-buttons {\n    display: flex;\n    gap: 1rem;\n}\n\n.hero-visual {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 400px;\n    position: relative;\n}\n\n.logic-symbols {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 2rem;\n    animation: float 6s ease-in-out infinite;\n}\n\n.symbol {\n    width: 120px;\n    height: 120px;\n    background: white;\n    border-radius: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 3rem;\n    font-weight: 700;\n    color: var(--primary-color);\n    box-shadow: 0 10px 30px rgba(37, 99, 235, 0.1);\n    transition: transform 0.3s;\n}\n\n.symbol:hover {\n    transform: scale(1.1) rotate(5deg);\n}\n\n@keyframes float {\n    0%, 100% { transform: translateY(0px); }\n    50% { transform: translateY(-20px); }\n}\n\n\/* Features Section *\/\n.features {\n    padding: 6rem 0;\n    background: var(--background);\n}\n\n.section-header {\n    text-align: center;\n    margin-bottom: 4rem;\n}\n\n.section-header h2 {\n    font-size: 2.5rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n}\n\n.section-header p {\n    font-size: 1.125rem;\n    color: var(--text-secondary);\n    max-width: 600px;\n    margin: 0 auto;\n}\n\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 2rem;\n}\n\n.feature-card {\n    background: white;\n    padding: 2.5rem;\n    border-radius: 1rem;\n    text-align: center;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n    transition: transform 0.3s, box-shadow 0.3s;\n}\n\n.feature-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n}\n\n.feature-icon {\n    font-size: 3rem;\n    margin-bottom: 1.5rem;\n}\n\n.feature-card h3 {\n    font-size: 1.5rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n}\n\n.feature-card p {\n    color: var(--text-secondary);\n    line-height: 1.6;\n}\n\n\/* Courses Section *\/\n.courses {\n    padding: 6rem 0;\n    background: var(--background-alt);\n}\n\n.courses-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 2rem;\n}\n\n.course-card {\n    background: white;\n    border-radius: 1rem;\n    overflow: hidden;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n    transition: transform 0.3s, box-shadow 0.3s;\n    position: relative;\n}\n\n.course-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);\n}\n\n.course-card.featured {\n    border: 2px solid var(--primary-color);\n    transform: scale(1.05);\n}\n\n.course-badge {\n    position: absolute;\n    top: 1rem;\n    right: 1rem;\n    background: var(--primary-color);\n    color: white;\n    padding: 0.5rem 1rem;\n    border-radius: 2rem;\n    font-size: 0.875rem;\n    font-weight: 500;\n}\n\n.course-header {\n    padding: 2rem 2rem 1rem;\n    text-align: center;\n}\n\n.course-header h3 {\n    font-size: 1.5rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n}\n\n.course-price {\n    display: flex;\n    align-items: baseline;\n    justify-content: center;\n    gap: 0.5rem;\n}\n\n.price {\n    font-size: 2rem;\n    font-weight: 700;\n    color: var(--primary-color);\n}\n\n.period {\n    color: var(--text-secondary);\n}\n\n.course-content {\n    padding: 0 2rem 2rem;\n}\n\n.course-features {\n    list-style: none;\n    margin-bottom: 2rem;\n}\n\n.course-features li {\n    padding: 0.5rem 0;\n    position: relative;\n    padding-left: 1.5rem;\n}\n\n.course-features li::before {\n    content: '\u2713';\n    position: absolute;\n    left: 0;\n    color: var(--success-color);\n    font-weight: bold;\n}\n\n\/* Contact Section *\/\n.contact {\n    padding: 6rem 0;\n    background: var(--background);\n}\n\n.contact-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 4rem;\n    align-items: start;\n}\n\n.contact-info h2 {\n    font-size: 2.5rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n}\n\n.contact-info p {\n    font-size: 1.125rem;\n    color: var(--text-secondary);\n    margin-bottom: 2rem;\n}\n\n.contact-methods {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n}\n\n.contact-method {\n    display: flex;\n    align-items: center;\n    gap: 1rem;\n    font-size: 1.125rem;\n}\n\n.contact-icon {\n    font-size: 1.5rem;\n}\n\n\/* Form *\/\n.form {\n    background: white;\n    padding: 2rem;\n    border-radius: 1rem;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n}\n\n.form-group {\n    margin-bottom: 1.5rem;\n}\n\n.form input,\n.form select,\n.form textarea {\n    width: 100%;\n    padding: 1rem;\n    border: 1px solid var(--border-color);\n    border-radius: 0.5rem;\n    font-size: 1rem;\n    transition: border-color 0.3s;\n}\n\n.form input:focus,\n.form select:focus,\n.form textarea:focus {\n    outline: none;\n    border-color: var(--primary-color);\n}\n\n.form textarea {\n    resize: vertical;\n    min-height: 120px;\n}\n\n\/* Footer *\/\n.footer {\n    background: var(--text-primary);\n    color: white;\n    padding: 3rem 0 1rem;\n}\n\n.footer-content {\n    display: grid;\n    grid-template-columns: 1fr 2fr;\n    gap: 3rem;\n    margin-bottom: 2rem;\n}\n\n.footer-logo h3 {\n    font-size: 1.5rem;\n    margin-bottom: 0.5rem;\n}\n\n.footer-logo p {\n    color: var(--text-secondary);\n}\n\n.footer-links {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 2rem;\n}\n\n.footer-column h4 {\n    font-size: 1.125rem;\n    margin-bottom: 1rem;\n}\n\n.footer-column ul {\n    list-style: none;\n}\n\n.footer-column li {\n    margin-bottom: 0.5rem;\n}\n\n.footer-column a {\n    color: var(--text-secondary);\n    text-decoration: none;\n    transition: color 0.3s;\n}\n\n.footer-column a:hover {\n    color: white;\n}\n\n.footer-bottom {\n    border-top: 1px solid #374151;\n    padding-top: 1rem;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.footer-social {\n    display: flex;\n    gap: 1rem;\n}\n\n.social-link {\n    color: var(--text-secondary);\n    text-decoration: none;\n    transition: color 0.3s;\n}\n\n.social-link:hover {\n    color: white;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n    .header-<?php\n\/\/ ========== functions.php ==========\nfunction logic_academy_theme_setup() {\n    \/\/ \u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439 \u0438 \u043c\u0435\u043d\u044e\n    add_theme_support('post-thumbnails');\n    add_theme_support('menus');\n    \n    \/\/ \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u043c\u0435\u043d\u044e\n    register_nav_menus(array(\n        'header-menu' => '\u0413\u043b\u0430\u0432\u043d\u043e\u0435 \u043c\u0435\u043d\u044e',\n    ));\n}\nadd_action('after_setup_theme', 'logic_academy_theme_setup');\n\n\/\/ \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0441\u0442\u0438\u043b\u0435\u0439 \u0438 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432\nfunction logic_academy_scripts() {\n    wp_enqueue_style('logic-academy-style', get_stylesheet_uri());\n    wp_enqueue_style('google-fonts', 'https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n    wp_enqueue_script('logic-academy-script', get_template_directory_uri() . '\/js\/main.js', array('jquery'), '1.0.0', true);\n}\nadd_action('wp_enqueue_scripts', 'logic_academy_scripts');\n\n\/\/ \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0432\u0438\u0434\u0436\u0435\u0442\u043e\u0432\nfunction logic_academy_widgets_init() {\n    register_sidebar(array(\n        'name' => 'Footer Widget Area',\n        'id' => 'footer-widget-area',\n        'before_widget' => '<div class=\"widget\">',\n        'after_widget' => '<\/div>',\n        'before_title' => '<h3 class=\"widget-title\">',\n        'after_title' => '<\/h3>',\n    ));\n}\nadd_action('widgets_init', 'logic_academy_widgets_init');\n\n\/\/ \u041f\u043e\u043b\u044f \u0434\u043b\u044f \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043b\u0435\u043d\u0434\u0438\u043d\u0433\u0430\nfunction logic_academy_customizer($wp_customize) {\n    \/\/ \u0421\u0435\u043a\u0446\u0438\u044f Hero\n    $wp_customize->add_section('hero_section', array(\n        'title' => 'Hero \u0441\u0435\u043a\u0446\u0438\u044f',\n        'priority' => 30,\n    ));\n    \n    $wp_customize->add_setting('hero_title');\n    $wp_customize->add_control('hero_title', array(\n        'label' => '\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a Hero',\n        'section' => 'hero_section',\n        'type' => 'text',\n        'default' => '\u0420\u0430\u0437\u0432\u0438\u0432\u0430\u0439\u0442\u0435 \u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043c\u044b\u0448\u043b\u0435\u043d\u0438\u0435',\n    ));\n    \n    $wp_customize->add_setting('hero_subtitle');\n    $wp_customize->add_control('hero_subtitle', array(\n        'label' => '\u041f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a Hero',\n        'section' => 'hero_section',\n        'type' => 'textarea',\n        'default' => '\u042d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u043a\u0443\u0440\u0441\u044b \u0434\u043b\u044f \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f \u043a\u0440\u0438\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043c\u044b\u0448\u043b\u0435\u043d\u0438\u044f \u0438 \u043b\u043e\u0433\u0438\u043a\u0438',\n    ));\n    \n    $wp_customize->add_setting('hero_button_text');\n    $wp_customize->add_control('hero_button_text', array(\n        'label' => '\u0422\u0435\u043a\u0441\u0442 \u043a\u043d\u043e\u043f\u043a\u0438',\n        'section' => 'hero_section',\n        'type' => 'text',\n        'default' => '\u041d\u0430\u0447\u0430\u0442\u044c \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435',\n    ));\n    \n    $wp_customize->add_setting('hero_button_url');\n    $wp_customize->add_control('hero_button_url', array(\n        'label' => '\u0421\u0441\u044b\u043b\u043a\u0430 \u043a\u043d\u043e\u043f\u043a\u0438',\n        'section' => 'hero_section',\n        'type' => 'url',\n    ));\n}\nadd_action('customize_register', 'logic_academy_customizer');\n?><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-681","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_description":null,"_aioseo_description":"","_aioseo_keywords":[],"_aioseo_title":"","_links":{"self":[{"href":"https:\/\/podarunokpro.site\/news\/wp-json\/wp\/v2\/pages\/681","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/podarunokpro.site\/news\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/podarunokpro.site\/news\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/podarunokpro.site\/news\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/podarunokpro.site\/news\/wp-json\/wp\/v2\/comments?post=681"}],"version-history":[{"count":2,"href":"https:\/\/podarunokpro.site\/news\/wp-json\/wp\/v2\/pages\/681\/revisions"}],"predecessor-version":[{"id":683,"href":"https:\/\/podarunokpro.site\/news\/wp-json\/wp\/v2\/pages\/681\/revisions\/683"}],"wp:attachment":[{"href":"https:\/\/podarunokpro.site\/news\/wp-json\/wp\/v2\/media?parent=681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}