{"id":4897,"date":"2022-08-11T15:16:50","date_gmt":"2022-08-11T12:16:50","guid":{"rendered":"https:\/\/kafedra.management.fmm.kpi.ua\/main\/?p=4897"},"modified":"2026-08-21T12:49:01","modified_gmt":"2026-08-21T09:49:01","slug":"%d0%bd%d0%b0%d0%b2%d1%87%d0%b0%d0%bb%d1%8c%d0%bd%d0%b0-%d0%b4%d0%be%d0%ba%d1%83%d0%bc%d0%b5%d0%bd%d1%82%d0%b0%d1%86%d1%96%d1%8f","status":"publish","type":"post","link":"https:\/\/kafedra.management.fmm.kpi.ua\/main\/?p=4897","title":{"rendered":"\u041d\u0410\u0412\u0427\u0410\u041b\u042c\u041d\u0410 \u0414\u041e\u041a\u0423\u041c\u0415\u041d\u0422\u0410\u0426\u0406\u042f"},"content":{"rendered":"\n<!-- START KPI MANAGEMENT EDUCATIONAL LEVELS GRID -->\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Exo+2:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap');\n\n  \/* 1. ISOLATION & RESET *\/\n  #kpi-mgmt-levels-wrapper {\n    all: initial;\n    display: block;\n    font-family: 'Exo 2', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    width: 100%;\n    box-sizing: border-box;\n    margin: 0 0 50px 0;\n    background-color: #fff;\n  }\n  #kpi-mgmt-levels-wrapper * { \n    box-sizing: border-box; \n    -webkit-tap-highlight-color: transparent;\n  }\n\n  \/* 2. DEFAULT HERO HEADER *\/\n  .kpi-levels-hero {\n    position: relative;\n    width: 100%;\n    min-height: 120px;\n    padding: 50px 20px;\n    background-image: url('https:\/\/images.unsplash.com\/photo-1456513080510-7bf3a84b82f8?auto=format&fit=crop&q=80&w=1400');\n    background-size: cover;\n    background-position: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n  }\n\n  .kpi-levels-hero-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(0, 34, 68, 0.95), rgba(0, 34, 68, 0.82));\n  }\n\n  .kpi-levels-hero-content {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    max-width: 900px;\n  }\n\n  .kpi-levels-tag {\n    display: inline-block;\n    background-color: #ff6900;\n    color: #ffffff !important;\n    font-weight: 800 !important;\n    text-transform: uppercase;\n    padding: 5px 16px;\n    font-size: 13px !important;\n    letter-spacing: 1.5px;\n    margin-bottom: 12px;\n    border-radius: 3px;\n  }\n\n  .kpi-levels-title {\n    font-size: clamp(24px, 5.5vw, 42px) !important;\n    font-weight: 800 !important;\n    text-transform: uppercase;\n    margin: 0 0 10px 0 !important;\n    line-height: 1.15 !important;\n    color: #ffffff !important;\n    text-shadow: 0 2px 6px rgba(0,0,0,0.3);\n    letter-spacing: 0.5px;\n    word-break: break-word;\n  }\n\n  .kpi-levels-subtitle {\n    font-size: clamp(14px, 3.5vw, 18px) !important;\n    margin: 0 !important;\n    opacity: 0.95;\n    color: #ffffff !important;\n    font-weight: 500 !important;\n    line-height: 1.4;\n  }\n\n  \/* 3. WIDE CONTAINER *\/\n  .kpi-levels-container {\n    width: 100%;\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 40px 15px;\n  }\n\n  @media (min-width: 768px) {\n    .kpi-levels-hero { min-height: 120px; padding: 60px 20px; }\n    .kpi-levels-container { padding: 45px 25px; }\n  }\n\n  \/* 4. 2-COLUMN GRID *\/\n  .kpi-levels-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 25px;\n  }\n\n  @media (max-width: 680px) {\n    .kpi-levels-grid {\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n  }\n\n  \/* 5. LEVEL CARDS *\/\n  .kpi-level-card {\n    position: relative;\n    height: 280px;\n    overflow: hidden;\n    cursor: pointer;\n    display: block !important;\n    text-decoration: none !important;\n    border-radius: 6px;\n    background-color: #002244;\n    box-shadow: 0 4px 14px rgba(0,0,0,0.08);\n    transition: box-shadow 0.3s ease, transform 0.3s ease;\n  }\n\n  .kpi-level-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 12px 30px rgba(255, 105, 0, 0.32);\n  }\n\n  .kpi-level-bg {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    opacity: 0.88;\n  }\n\n  .kpi-level-card:hover .kpi-level-bg {\n    transform: scale(1.08);\n    opacity: 1;\n  }\n\n  \/* 6. GRADIENT OVERLAY *\/\n  .kpi-level-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to top, rgba(0, 34, 68, 0.95) 0%, rgba(0, 34, 68, 0.4) 60%, transparent 100%);\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    padding: 26px;\n  }\n\n  \/* 7. BADGE & TEXT *\/\n  .kpi-level-badge {\n    background-color: #ffffff !important;\n    color: #ff6900 !important;\n    font-size: 12px !important;\n    font-weight: 800 !important;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    padding: 5px 12px !important;\n    border-radius: 4px !important;\n    margin: 0 0 10px 0 !important;\n    display: inline-block !important;\n    width: fit-content !important;\n    font-family: inherit !important;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n  }\n\n  .kpi-level-heading {\n    color: #ffffff !important;\n    font-size: 26px !important; \n    font-weight: 800 !important;\n    line-height: 1.2 !important;\n    margin: 0 0 8px 0 !important;\n    text-transform: uppercase;\n    text-shadow: 0 2px 8px rgba(0,0,0,0.6);\n    font-family: inherit !important;\n    letter-spacing: 0.5px;\n  }\n\n  @media (min-width: 1200px) {\n    .kpi-level-heading { font-size: 30px !important; }\n  }\n\n  \/* 8. ACCENT LINE *\/\n  .kpi-level-line {\n    width: 45px;\n    height: 4px; \n    background-color: #ff6900;\n    margin-top: 6px;\n    transition: width 0.4s ease-out;\n    border-radius: 2px;\n  }\n\n  .kpi-level-card:hover .kpi-level-line {\n    width: 90px;\n  }\n<\/style>\n\n<div id=\"kpi-mgmt-levels-wrapper\">\n\n  <!-- 1. FULL DEFAULT HERO HEADER -->\n  <header class=\"kpi-levels-hero\">\n    <div class=\"kpi-levels-hero-overlay\"><\/div>\n    <div class=\"kpi-levels-hero-content\">\n            <h1 class=\"kpi-levels-title\">\u041d\u0430\u0432\u0447\u0430\u043b\u044c\u043d\u0430 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0456\u044f<\/h1>\n      <p class=\"kpi-levels-subtitle\">\u041a\u0430\u0444\u0435\u0434\u0440\u0430 \u043c\u0435\u043d\u0435\u0434\u0436\u043c\u0435\u043d\u0442\u0443 \u043f\u0456\u0434\u043f\u0440\u0438\u0454\u043c\u0441\u0442\u0432 | \u041a\u041f\u0406 \u0456\u043c. \u0406\u0433\u043e\u0440\u044f \u0421\u0456\u043a\u043e\u0440\u0441\u044c\u043a\u043e\u0433\u043e<\/p>\n    <\/div>\n  <\/header>\n\n  <!-- 2. WIDE 2-CARDS CONTAINER -->\n  <div class=\"kpi-levels-container\">\n    <div class=\"kpi-levels-grid\">\n\n      <!-- Card 1: \u0411\u0410\u041a\u0410\u041b\u0410\u0412\u0420\u0410\u0422 -->\n      <a href=\"https:\/\/kafedra.management.fmm.kpi.ua\/main\/?p=5322\" class=\"kpi-level-card\">\n        <img src=\"https:\/\/kafedra.management.fmm.kpi.ua\/main\/wp-content\/uploads\/2025\/11\/photo_2025-11-21_15-21-47.jpg\" class=\"kpi-level-bg\" alt=\"\u0411\u0430\u043a\u0430\u043b\u0430\u0432\u0440\u0430\u0442 - \u041d\u0430\u0432\u0447\u0430\u043b\u044c\u043d\u0430 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0456\u044f\" loading=\"lazy\" decoding=\"async\">\n        <div class=\"kpi-level-overlay\">\n          <span class=\"kpi-level-badge\">\u041e\u0441\u0432\u0456\u0442\u043d\u0456\u0439 \u0440\u0456\u0432\u0435\u043d\u044c<\/span>\n          <h2 class=\"kpi-level-heading\">\u0411\u0430\u043a\u0430\u043b\u0430\u0432\u0440\u0430\u0442<\/h2>\n          <div class=\"kpi-level-line\"><\/div>\n        <\/div>\n      <\/a>\n\n      <!-- Card 2: \u041c\u0410\u0413\u0406\u0421\u0422\u0420\u0410\u0422\u0423\u0420\u0410 -->\n      <a href=\"https:\/\/kafedra.management.fmm.kpi.ua\/main\/?p=5325\" class=\"kpi-level-card\">\n        <img src=\"https:\/\/kafedra.management.fmm.kpi.ua\/main\/wp-content\/uploads\/2023\/01\/IMG_20230130_072022_170.jpg\" class=\"kpi-level-bg\" alt=\"\u041c\u0430\u0433\u0456\u0441\u0442\u0440\u0430\u0442\u0443\u0440\u0430 - \u041d\u0430\u0432\u0447\u0430\u043b\u044c\u043d\u0430 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0456\u044f\" loading=\"lazy\" decoding=\"async\">\n        <div class=\"kpi-level-overlay\">\n          <span class=\"kpi-level-badge\">\u041e\u0441\u0432\u0456\u0442\u043d\u0456\u0439 \u0440\u0456\u0432\u0435\u043d\u044c<\/span>\n          <h2 class=\"kpi-level-heading\">\u041c\u0430\u0433\u0456\u0441\u0442\u0440\u0430\u0442\u0443\u0440\u0430<\/h2>\n          <div class=\"kpi-level-line\"><\/div>\n        <\/div>\n      <\/a>\n\n    <\/div>\n  <\/div>\n\n<\/div>\n<!-- END KPI MANAGEMENT EDUCATIONAL LEVELS GRID -->\n","protected":false},"excerpt":{"rendered":"<p>\u041d\u0430\u0432\u0447\u0430\u043b\u044c\u043d\u0430 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0456\u044f \u041a\u0430\u0444\u0435\u0434\u0440\u0430 \u043c\u0435\u043d\u0435\u0434\u0436\u043c\u0435\u043d\u0442\u0443 \u043f\u0456\u0434\u043f\u0440\u0438\u0454\u043c\u0441\u0442\u0432 | \u041a\u041f\u0406 \u0456\u043c. \u0406\u0433\u043e\u0440\u044f \u0421\u0456\u043a\u043e\u0440\u0441\u044c\u043a\u043e\u0433\u043e \u041e\u0441\u0432\u0456\u0442\u043d\u0456\u0439 \u0440\u0456\u0432\u0435\u043d\u044c \u0411\u0430\u043a\u0430\u043b\u0430\u0432\u0440\u0430\u0442 \u041e\u0441\u0432\u0456\u0442\u043d\u0456\u0439 \u0440\u0456\u0432\u0435\u043d\u044c \u041c\u0430\u0433\u0456\u0441\u0442\u0440\u0430\u0442\u0443\u0440\u0430<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4897","post","type-post","status-publish","format-standard","hentry","category-1"],"_links":{"self":[{"href":"https:\/\/kafedra.management.fmm.kpi.ua\/main\/index.php?rest_route=\/wp\/v2\/posts\/4897","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kafedra.management.fmm.kpi.ua\/main\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kafedra.management.fmm.kpi.ua\/main\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kafedra.management.fmm.kpi.ua\/main\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kafedra.management.fmm.kpi.ua\/main\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4897"}],"version-history":[{"count":11,"href":"https:\/\/kafedra.management.fmm.kpi.ua\/main\/index.php?rest_route=\/wp\/v2\/posts\/4897\/revisions"}],"predecessor-version":[{"id":16999,"href":"https:\/\/kafedra.management.fmm.kpi.ua\/main\/index.php?rest_route=\/wp\/v2\/posts\/4897\/revisions\/16999"}],"wp:attachment":[{"href":"https:\/\/kafedra.management.fmm.kpi.ua\/main\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4897"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kafedra.management.fmm.kpi.ua\/main\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4897"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kafedra.management.fmm.kpi.ua\/main\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}