{"id":1452,"date":"2026-03-28T18:13:00","date_gmt":"2026-03-28T16:13:00","guid":{"rendered":"https:\/\/stlyceum7.in.ua\/?page_id=1452"},"modified":"2026-03-28T18:48:49","modified_gmt":"2026-03-28T16:48:49","slug":"1452-2","status":"publish","type":"page","link":"https:\/\/stlyceum7.in.ua\/?page_id=1452","title":{"rendered":"\u0410\u043b\u0433\u043e\u0440\u0438\u0442\u043c \u0432\u0441\u0442\u0443\u043f\u0443"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1452\" class=\"elementor elementor-1452\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-226097c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"226097c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5fdfd4a\" data-id=\"5fdfd4a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fa5fde5 elementor-widget elementor-widget-html\" data-id=\"fa5fde5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u041f\u0406\u0414\u041a\u041b\u042e\u0427\u0415\u041d\u041d\u042f \u0422\u0410\u0419\u041b\u0412\u0406\u041d\u0414\u0423 -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script>\r\n  tailwind.config = {\r\n    theme: {\r\n      extend: {\r\n        colors: { primary: '#003366', secondary: '#ffcc00' }\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n\r\n<style>\r\n    .step-card-final {\r\n        transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n        border-width: 4px;\r\n    }\r\n    .step-card-final:hover {\r\n        transform: translateY(-15px);\r\n        box-shadow: 0 40px 80px -15px rgba(0, 51, 102, 0.2);\r\n        border-color: #ffcc00;\r\n    }\r\n    .btn-step-final {\r\n        background: #003366;\r\n        color: #ffffff;\r\n        transition: all 0.4s ease;\r\n        letter-spacing: 0.1em;\r\n    }\r\n    .btn-step-final:hover {\r\n        background: #ffcc00;\r\n        color: #003366;\r\n        transform: scale(1.02);\r\n    }\r\n<\/style>\r\n\r\n<section class=\"py-24 lg:py-32 bg-slate-50 font-sans overflow-hidden w-full\">\r\n    <div class=\"max-w-[1920px] mx-auto px-8 lg:px-24\">\r\n        \r\n        <!-- \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0440\u043e\u0437\u0434\u0456\u043b\u0443 -->\r\n        <div class=\"text-center mb-20\">\r\n            <h2 style=\"font-family: 'Playfair Display', serif;\" class=\"text-6xl lg:text-8xl font-black text-primary mb-6 italic leading-tight\">\u0410\u043b\u0433\u043e\u0440\u0438\u0442\u043c \u0432\u0441\u0442\u0443\u043f\u0443<\/h2>\r\n            <div class=\"w-32 h-2 bg-secondary mx-auto rounded-full mb-8\"><\/div>\r\n            <p class=\"text-slate-500 max-w-4xl mx-auto text-2xl lg:text-3xl font-medium\">\u0422\u0440\u0438 \u043a\u0440\u043e\u043a\u0438 \u0434\u043e \u0432\u0430\u0448\u043e\u0433\u043e \u0437\u0430\u0440\u0430\u0445\u0443\u0432\u0430\u043d\u043d\u044f<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"relative\">\r\n            <!-- \u041b\u0456\u043d\u0456\u044f \u0437'\u0454\u0434\u043d\u0430\u043d\u043d\u044f -->\r\n            <div class=\"hidden xl:block absolute top-[110px] left-[10%] w-[80%] h-3 bg-primary\/5 z-0 rounded-full\"><\/div>\r\n\r\n            <!-- \u0421\u0456\u0442\u043a\u0430 \u043a\u0430\u0440\u0442\u043e\u043a -->\r\n            <div class=\"grid lg:grid-cols-3 gap-10 lg:gap-16 relative z-10\">\r\n                \r\n                <!-- \u041a\u0440\u043e\u043a 1 -->\r\n                <div class=\"step-card-final bg-white p-12 lg:p-16 rounded-[60px] border-slate-50 shadow-xl flex flex-col items-center text-center group\">\r\n                    <div class=\"mb-10 relative\">\r\n                        <div class=\"w-32 h-32 bg-primary\/10 rounded-[40px] flex items-center justify-center text-primary group-hover:bg-secondary transition-all duration-700\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><line x1=\"19\" y1=\"8\" x2=\"19\" y2=\"14\"\/><line x1=\"16\" y1=\"11\" x2=\"22\" y2=\"11\"\/><\/svg>\r\n                        <\/div>\r\n                        <div class=\"absolute -top-6 -right-6 w-20 h-20 bg-secondary text-primary font-black text-3xl flex items-center justify-center rounded-[25px] border-[8px] border-white shadow-xl group-hover:scale-110 transition-transform\">01<\/div>\r\n                    <\/div>\r\n                    <h3 style=\"font-family: 'Playfair Display', serif;\" class=\"text-4xl lg:text-5xl font-bold text-primary mb-6\">\u041a\u0440\u043e\u043a 1: \u0420\u0435\u0454\u0441\u0442\u0440\u0430\u0446\u0456\u044f<\/h3>\r\n                    <p class=\"text-slate-600 text-2xl lg:text-3xl leading-relaxed mb-10 flex-1 font-medium text-center\">\r\n                      <span class=\"block\">\u0417\u0430\u0440\u0435\u0454\u0441\u0442\u0440\u0443\u0432\u0430\u0442\u0438\u0441\u044c \u043d\u0430<\/span>\r\n                      <a href=\"https:\/\/e-lyceum.org.ua\/\" \r\n                         target=\"_blank\" \r\n                         class=\"text-primary font-bold underline block mt-2\">\r\n                        e-lyceum.org.ua\r\n                      <\/a>\r\n                      <span class=\"block mt-2\">\u041f\u043e\u0440\u0442\u0430\u043b \u0435\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0457 \u0440\u0435\u0454\u0441\u0442\u0440\u0430\u0446\u0456\u0457 \u0437\u0430\u044f\u0432.<\/span>\r\n                    <\/p>\r\n                    <a href=\"https:\/\/e-lyceum.org.ua\/\" target=\"_blank\" class=\"w-full py-6 btn-step-final rounded-[30px] font-black text-xl uppercase text-center shadow-lg\">\u0412\u0456\u0434\u043a\u0440\u0438\u0442\u0438 \u043f\u043e\u0440\u0442\u0430\u043b<\/a>\r\n                <\/div>\r\n\r\n                <!-- \u041a\u0440\u043e\u043a 2 -->\r\n                <div class=\"step-card-final bg-white p-12 lg:p-16 rounded-[60px] border-slate-50 shadow-xl flex flex-col items-center text-center group\">\r\n                    <div class=\"mb-10 relative\">\r\n                        <div class=\"w-32 h-32 bg-primary\/10 rounded-[40px] flex items-center justify-center text-primary group-hover:bg-secondary transition-all duration-700\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><line x1=\"10\" y1=\"9\" x2=\"8\" y2=\"9\"\/><\/svg>\r\n                        <\/div>\r\n                        <div class=\"absolute -top-6 -right-6 w-20 h-20 bg-secondary text-primary font-black text-3xl flex items-center justify-center rounded-[25px] border-[8px] border-white shadow-xl group-hover:scale-110 transition-transform\">02<\/div>\r\n                    <\/div>\r\n                    <h3 style=\"font-family: 'Playfair Display', serif;\" class=\"text-4xl lg:text-5xl font-bold text-primary mb-6\">\u041a\u0440\u043e\u043a 2: \u0423\u043c\u043e\u0432\u0438<\/h3>\r\n                    <p class=\"text-slate-600 text-2xl lg:text-3xl leading-relaxed mb-10 flex-1 font-medium\">\u041e\u0437\u043d\u0430\u0439\u043e\u043c\u0442\u0435\u0441\u044f \u0437 \u043f\u0440\u0430\u0432\u0438\u043b\u0430\u043c\u0438 \u043f\u0440\u0438\u0439\u043e\u043c\u0443 \u0442\u0430 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u043c\u0438.<\/p>\r\n                    <a href=\"https:\/\/stlyceum7.in.ua\/?page_id=573\" target=\"_blank\" class=\"w-full py-6 btn-step-final rounded-[30px] font-black text-xl uppercase text-center shadow-lg\">\u0427\u0438\u0442\u0430\u0442\u0438 \u043f\u0440\u0430\u0432\u0438\u043b\u0430<\/a>\r\n                <\/div>\r\n\r\n                <!-- \u041a\u0440\u043e\u043a 3 -->\r\n                <div class=\"step-card-final bg-white p-12 lg:p-16 rounded-[60px] border-slate-50 shadow-xl flex flex-col items-center text-center group\">\r\n                    <div class=\"mb-10 relative\">\r\n                        <div class=\"w-32 h-32 bg-primary\/10 rounded-[40px] flex items-center justify-center text-primary group-hover:bg-secondary transition-all duration-700\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m22 2-7 20-4-9-9-4Z\"\/><path d=\"M22 2 11 13\"\/><\/svg>\r\n                        <\/div>\r\n                        <div class=\"absolute -top-6 -right-6 w-20 h-20 bg-secondary text-primary font-black text-3xl flex items-center justify-center rounded-[25px] border-[8px] border-white shadow-xl group-hover:scale-110 transition-transform\">03<\/div>\r\n                    <\/div>\r\n                    <h3 style=\"font-family: 'Playfair Display', serif;\" class=\"text-4xl lg:text-5xl font-bold text-primary mb-6\">\u041a\u0440\u043e\u043a 3: \u041f\u043e\u0434\u0430\u0447\u0430<\/h3>\r\n                    <p class=\"text-slate-600 text-2xl lg:text-3xl leading-relaxed mb-10 flex-1 font-medium\">\u0412\u0438\u0431\u0435\u0440\u0456\u0442\u044c \u0437\u0440\u0443\u0447\u043d\u0438\u0439 \u0441\u043f\u043e\u0441\u0456\u0431 \u043f\u043e\u0434\u0430\u0447\u0456 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0456\u0432: \u043e\u0441\u043e\u0431\u0438\u0441\u0442\u043e \u0432 \u0437\u0430\u043a\u043b\u0430\u0434\u0456 \u0430\u0431\u043e \u0435\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u044e \u043f\u043e\u0448\u0442\u043e\u044e.<\/p>\r\n                    <a href=\"https:\/\/stlyceum7.in.ua\/?page_id=1134\" target=\"_blank\" class=\"w-full py-6 btn-step-final rounded-[30px] font-black text-xl uppercase text-center shadow-lg\">\u041f\u043e\u0434\u0430\u0442\u0438 \u0437\u0430\u044f\u0432\u0443<\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0410\u043b\u0433\u043e\u0440\u0438\u0442\u043c \u0432\u0441\u0442\u0443\u043f\u0443 \u0422\u0440\u0438 \u043a\u0440\u043e\u043a\u0438 \u0434\u043e \u0432\u0430\u0448\u043e\u0433\u043e \u0437\u0430\u0440\u0430\u0445\u0443\u0432\u0430\u043d\u043d\u044f 01 \u041a\u0440\u043e\u043a 1: \u0420\u0435\u0454\u0441\u0442\u0440\u0430\u0446\u0456\u044f \u0417\u0430\u0440\u0435\u0454\u0441\u0442\u0440\u0443\u0432\u0430\u0442\u0438\u0441\u044c \u043d\u0430 e-lyceum.org.ua \u041f\u043e\u0440\u0442\u0430\u043b \u0435\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0457 \u0440\u0435\u0454\u0441\u0442\u0440\u0430\u0446\u0456\u0457 \u0437\u0430\u044f\u0432. \u0412\u0456\u0434\u043a\u0440\u0438\u0442\u0438 \u043f\u043e\u0440\u0442\u0430\u043b 02 \u041a\u0440\u043e\u043a 2: \u0423\u043c\u043e\u0432\u0438 \u041e\u0437\u043d\u0430\u0439\u043e\u043c\u0442\u0435\u0441\u044f \u0437 \u043f\u0440\u0430\u0432\u0438\u043b\u0430\u043c\u0438 \u043f\u0440\u0438\u0439\u043e\u043c\u0443 \u0442\u0430 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u043c\u0438. \u0427\u0438\u0442\u0430\u0442\u0438 \u043f\u0440\u0430\u0432\u0438\u043b\u0430 03 \u041a\u0440\u043e\u043a 3: \u041f\u043e\u0434\u0430\u0447\u0430 \u0412\u0438\u0431\u0435\u0440\u0456\u0442\u044c \u0437\u0440\u0443\u0447\u043d\u0438\u0439 \u0441\u043f\u043e\u0441\u0456\u0431 \u043f\u043e\u0434\u0430\u0447\u0456 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0456\u0432: \u043e\u0441\u043e\u0431\u0438\u0441\u0442\u043e \u0432 \u0437\u0430\u043a\u043b\u0430\u0434\u0456 \u0430\u0431\u043e \u0435\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u044e \u043f\u043e\u0448\u0442\u043e\u044e. \u041f\u043e\u0434\u0430\u0442\u0438 \u0437\u0430\u044f\u0432\u0443<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1452","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stlyceum7.in.ua\/index.php?rest_route=\/wp\/v2\/pages\/1452","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stlyceum7.in.ua\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stlyceum7.in.ua\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stlyceum7.in.ua\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stlyceum7.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1452"}],"version-history":[{"count":14,"href":"https:\/\/stlyceum7.in.ua\/index.php?rest_route=\/wp\/v2\/pages\/1452\/revisions"}],"predecessor-version":[{"id":1472,"href":"https:\/\/stlyceum7.in.ua\/index.php?rest_route=\/wp\/v2\/pages\/1452\/revisions\/1472"}],"wp:attachment":[{"href":"https:\/\/stlyceum7.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}