{"id":587,"date":"2025-06-10T19:12:32","date_gmt":"2025-06-10T16:12:32","guid":{"rendered":"https:\/\/mechanogurus.ru\/wordpress\/?page_id=587"},"modified":"2026-08-03T09:29:10","modified_gmt":"2026-08-03T06:29:10","slug":"login","status":"publish","type":"page","link":"https:\/\/mechanogurus.ru\/?page_id=587","title":{"rendered":"Login"},"content":{"rendered":"\n<!--\n  MG: \u041c\u043e\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u2014 Apps Portal \/ Login Landing\n  WordPress Custom HTML block \u2014 self-contained\n\n  How to use:\n  1. Editor \u2192 \"+\" \u2192 Custom HTML\n  2. Paste this entire file\n  3. Place at the same level as other page blocks (not inside a padded Group)\n  4. Width matches site header: max-width 1400px, centered\n-->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@500;600;700&amp;family=Manrope:wght@400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\n\n<div class=\"mg-apps\" data-mg-apps>\n<style>\n.mg-apps,\n.mg-apps *,\n.mg-apps *::before,\n.mg-apps *::after {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: transparent;\n}\n\n\/* \u2500\u2500 WordPress wrapper resets \u2500\u2500 *\/\n.wp-block-html:has(.mg-apps),\n.entry-content > .wp-block-html:has(.mg-apps) {\n  display: block !important;\n  width: 100% !important;\n  max-width: none !important;\n  margin-left: auto !important;\n  margin-right: auto !important;\n  padding: 0 !important;\n  float: none !important;\n}\n\n.mg-apps {\n  --gold: #F2B839;\n  --gold2: #E1830F;\n  --gradient: linear-gradient(135deg, #F2B839 0%, #E1830F 100%);\n  --bg-glass: rgba(255, 255, 255, 0.04);\n  --bg-glass-hover: rgba(255, 255, 255, 0.07);\n  --border: rgba(255, 255, 255, 0.08);\n  --border-gold: rgba(242, 184, 57, 0.28);\n  --text: #ffffff;\n  --text-2: rgba(255, 255, 255, 0.65);\n  --text-3: rgba(255, 255, 255, 0.38);\n  --mg-max: 1400px;\n  --mg-gutter: 20px;\n  --radius: 20px;\n\n  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  color: var(--text);\n  line-height: 1.6;\n  position: relative;\n  isolation: isolate;\n  overflow-x: clip;\n  width: 100% !important;\n  max-width: var(--mg-max) !important;\n  margin: clamp(28px, 3.5vw, 64px) auto !important;\n  padding-left: max(var(--mg-gutter), env(safe-area-inset-left));\n  padding-right: max(var(--mg-gutter), env(safe-area-inset-right));\n  background: transparent;\n}\n\n.mg-apps h1,\n.mg-apps h2,\n.mg-apps p {\n  font-family: inherit;\n  text-transform: none;\n  border: none;\n  background: none;\n  margin: 0;\n}\n.mg-apps h1::before,\n.mg-apps h2::before,\n.mg-apps p::before {\n  content: none;\n  display: none;\n}\n\n\/* Soft ambient glow *\/\n.mg-apps::before {\n  content: '';\n  position: absolute;\n  inset: -48px 0;\n  background:\n    radial-gradient(ellipse 50% 40% at 15% 0%, rgba(242, 184, 57, 0.09) 0%, transparent 55%),\n    radial-gradient(ellipse 45% 35% at 90% 80%, rgba(225, 131, 15, 0.06) 0%, transparent 50%);\n  z-index: 0;\n  pointer-events: none;\n  animation: mg-apps-pulse 14s ease-in-out infinite;\n}\n\n@keyframes mg-apps-pulse {\n  0%, 100% { opacity: 0.65; }\n  50% { opacity: 1; }\n}\n\n.mg-apps .apps-inner {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  gap: clamp(1.25rem, 2.5vw, 2rem);\n  width: 100%;\n}\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n.mg-apps .apps-header {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 0.65rem;\n  padding: clamp(1.35rem, 2.5vw, 1.85rem) clamp(1.35rem, 3vw, 2rem);\n  background: var(--bg-glass);\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  border: 1px solid var(--border);\n  border-radius: var(--radius);\n  overflow: hidden;\n}\n\n.mg-apps .apps-header::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 4px;\n  height: 100%;\n  background: var(--gradient);\n  opacity: 0.85;\n}\n\n.mg-apps .apps-header::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(ellipse 60% 80% at 100% 0%, rgba(242, 184, 57, 0.07) 0%, transparent 60%);\n  pointer-events: none;\n}\n\n.mg-apps .apps-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 0.7rem;\n  font-weight: 700;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: var(--gold);\n  position: relative;\n  z-index: 1;\n}\n\n.mg-apps .apps-eyebrow-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--gold);\n  flex-shrink: 0;\n  animation: mg-apps-dot 2.2s ease-in-out infinite;\n}\n\n@keyframes mg-apps-dot {\n  0%, 100% { opacity: 1; transform: scale(1); }\n  50% { opacity: 0.4; transform: scale(1.3); }\n}\n\n.mg-apps .apps-title {\n  font-family: 'Oswald', 'Arial Narrow', sans-serif;\n  font-size: clamp(1.45rem, 3.2vw, 2rem);\n  font-weight: 600;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--text);\n  line-height: 1.15;\n  position: relative;\n  z-index: 1;\n}\n\n.mg-apps .apps-subtitle {\n  font-size: clamp(0.875rem, 1.4vw, 0.975rem);\n  color: var(--text-2);\n  max-width: 42rem;\n  line-height: 1.55;\n  position: relative;\n  z-index: 1;\n}\n\n\/* \u2500\u2500 Grid \u2500\u2500 *\/\n.mg-apps .tiles-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: clamp(0.85rem, 1.6vw, 1.15rem);\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  width: 100%;\n}\n\n\/* \u2500\u2500 Tile \u2500\u2500 *\/\n.mg-apps .tile {\n  position: relative;\n  background: var(--bg-glass);\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  border: 1px solid var(--border);\n  border-radius: var(--radius);\n  overflow: hidden;\n  min-width: 0;\n  animation: mg-apps-fadeUp 0.55s ease-out backwards;\n  animation-delay: calc(var(--tile-i, 1) * 0.08s);\n  transition:\n    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),\n    border-color 0.35s ease,\n    background 0.35s ease,\n    box-shadow 0.35s ease;\n}\n\n.mg-apps .tile:nth-child(1) { --tile-i: 1; }\n.mg-apps .tile:nth-child(2) { --tile-i: 2; }\n.mg-apps .tile:nth-child(3) { --tile-i: 3; }\n.mg-apps .tile:nth-child(4) { --tile-i: 4; }\n\n@keyframes mg-apps-fadeUp {\n  from { opacity: 0; transform: translateY(22px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n.mg-apps .tile::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 2px;\n  background: linear-gradient(90deg,\n    rgba(242, 184, 57, 0) 0%,\n    rgba(242, 184, 57, 0.85) 50%,\n    rgba(242, 184, 57, 0) 100%);\n  opacity: 0;\n  transition: opacity 0.35s ease;\n}\n\n.mg-apps .tile a {\n  display: flex;\n  flex-direction: column;\n  gap: 0.85rem;\n  padding: clamp(1.25rem, 2.2vw, 1.65rem);\n  height: 100%;\n  min-height: 100%;\n  text-decoration: none;\n  color: inherit;\n  outline: none;\n}\n\n.mg-apps .tile a:focus-visible {\n  outline: 2px solid var(--gold);\n  outline-offset: -2px;\n  border-radius: calc(var(--radius) - 2px);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .mg-apps .tile:hover {\n    transform: translateY(-5px);\n    background: var(--bg-glass-hover);\n    border-color: var(--border-gold);\n    box-shadow:\n      0 14px 40px rgba(0, 0, 0, 0.45),\n      0 0 36px rgba(242, 184, 57, 0.1);\n  }\n  .mg-apps .tile:hover::before { opacity: 1; }\n  .mg-apps .tile:hover .icon-wrap {\n    transform: scale(1.06);\n    background: linear-gradient(135deg, rgba(242, 184, 57, 0.22), rgba(225, 131, 15, 0.22));\n    border-color: rgba(242, 184, 57, 0.4);\n  }\n  .mg-apps .tile:hover .tile-cta {\n    color: var(--gold);\n    gap: 10px;\n  }\n  .mg-apps .tile:hover .tile-cta svg {\n    transform: translateX(3px);\n  }\n}\n\n\/* Icon *\/\n.mg-apps .icon-wrap {\n  width: 56px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: 14px;\n  background: linear-gradient(135deg, rgba(242, 184, 57, 0.14), rgba(225, 131, 15, 0.14));\n  border: 1px solid rgba(242, 184, 57, 0.22);\n  transition: transform 0.35s ease, background 0.35s ease, border-color 0.35s ease;\n}\n\n.mg-apps .tile-icon {\n  width: 28px;\n  height: 28px;\n  color: var(--gold);\n  filter: drop-shadow(0 0 6px rgba(242, 184, 57, 0.4));\n}\n\n.mg-apps .tile-body {\n  display: flex;\n  flex-direction: column;\n  gap: 0.45rem;\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n.mg-apps .tile-title {\n  font-size: clamp(1rem, 1.5vw, 1.15rem);\n  font-weight: 700;\n  color: var(--text);\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  overflow-wrap: anywhere;\n}\n\n.mg-apps .tile-desc {\n  font-size: clamp(0.84rem, 1.15vw, 0.9rem);\n  color: var(--text-2);\n  line-height: 1.55;\n  overflow-wrap: anywhere;\n}\n\n.mg-apps .tile-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: auto;\n  padding-top: 0.35rem;\n  font-size: 0.8rem;\n  font-weight: 600;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  color: var(--text-3);\n  transition: color 0.3s ease, gap 0.3s ease;\n}\n\n.mg-apps .tile-cta svg {\n  width: 14px;\n  height: 14px;\n  stroke: currentColor;\n  stroke-width: 2.25;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform 0.3s ease;\n  flex-shrink: 0;\n}\n\n\/* \u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550 *\/\n\n\/* Laptop *\/\n@media (max-width: 1100px) {\n  .mg-apps .tiles-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (max-width: 1024px) {\n  .mg-apps { --mg-gutter: 16px; }\n}\n\n\/* Tablet portrait *\/\n@media (max-width: 768px) {\n  .mg-apps {\n    --mg-gutter: 14px;\n    --radius: 18px;\n    margin-top: clamp(20px, 4vw, 40px) !important;\n    margin-bottom: clamp(20px, 4vw, 40px) !important;\n  }\n\n  .mg-apps .tiles-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 0.85rem;\n  }\n\n  .mg-apps .icon-wrap {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n  }\n\n  .mg-apps .tile-icon {\n    width: 24px;\n    height: 24px;\n  }\n}\n\n\/* Phone *\/\n@media (max-width: 540px) {\n  .mg-apps { --mg-gutter: 12px; }\n\n  .mg-apps .tiles-grid {\n    grid-template-columns: 1fr;\n    gap: 0.75rem;\n  }\n\n  .mg-apps .tile a {\n    flex-direction: row;\n    align-items: flex-start;\n    gap: 1rem;\n    padding: 1.15rem 1.2rem;\n  }\n\n  .mg-apps .tile-body {\n    flex: 1 1 auto;\n  }\n\n  .mg-apps .tile-cta {\n    padding-top: 0.15rem;\n  }\n\n  .mg-apps .apps-header {\n    padding: 1.2rem 1.25rem 1.2rem 1.4rem;\n  }\n}\n\n\/* Very small phones *\/\n@media (max-width: 380px) {\n  .mg-apps { --mg-gutter: 10px; --radius: 16px; }\n\n  .mg-apps .tile a {\n    padding: 1rem;\n    gap: 0.85rem;\n  }\n\n  .mg-apps .icon-wrap {\n    width: 44px;\n    height: 44px;\n  }\n\n  .mg-apps .tile-icon { width: 22px; height: 22px; }\n  .mg-apps .tile-title { font-size: 0.98rem; }\n  .mg-apps .tile-desc { font-size: 0.82rem; }\n}\n\n\/* Landscape phones \/ short viewports *\/\n@media (max-width: 900px) and (orientation: landscape) and (max-height: 500px) {\n  .mg-apps .tiles-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .mg-apps .tile a {\n    padding: 1rem 1.1rem;\n    gap: 0.7rem;\n  }\n  .mg-apps .icon-wrap {\n    width: 44px;\n    height: 44px;\n  }\n}\n\n\/* Touch devices \u2014 lighter blur, press feedback *\/\n@media (hover: none) and (pointer: coarse) {\n  .mg-apps .tile,\n  .mg-apps .apps-header {\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n  }\n  .mg-apps .tile:active {\n    border-color: var(--border-gold);\n    background: var(--bg-glass-hover);\n  }\n  .mg-apps .tile:active .tile-cta { color: var(--gold); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mg-apps::before,\n  .mg-apps .apps-eyebrow-dot,\n  .mg-apps .tile {\n    animation: none !important;\n  }\n  .mg-apps .tile,\n  .mg-apps .icon-wrap,\n  .mg-apps .tile-cta,\n  .mg-apps .tile-cta svg {\n    transition: none !important;\n  }\n}\n<\/style>\n\n  <div class=\"apps-inner\">\n    <header class=\"apps-header\">\n      <div class=\"apps-eyebrow\">\n        <span class=\"apps-eyebrow-dot\" aria-hidden=\"true\"><\/span>\n        MechanoGurus\n      <\/div>\n      <h1 class=\"apps-title\">\u041c\u043e\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/h1>\n      <p class=\"apps-subtitle\">\u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u2014 \u043e\u0431\u043b\u0430\u043a\u043e, \u0437\u0430\u0434\u0430\u0447\u0438, \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430.<\/p>\n    <\/header>\n\n    <div class=\"tiles-grid\" role=\"list\">\n\n      <!-- 1. \u041e\u0431\u043b\u0430\u0447\u043d\u043e\u0435 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 -->\n      <div class=\"tile\" role=\"listitem\">\n        <a href=\"https:\/\/cloud.mechanogurus.ru\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <div class=\"icon-wrap\" aria-hidden=\"true\">\n            <svg class=\"tile-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M3 15.75A4.5 4.5 0 017.5 11.25h.34A6.001 6.001 0 0119.5 12.75 3.75 3.75 0 0121 20.25H7.5A4.5 4.5 0 013 15.75z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"tile-body\">\n            <h2 class=\"tile-title\">\u041e\u0431\u043b\u0430\u0447\u043d\u043e\u0435 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435<\/h2>\n            <p class=\"tile-desc\">\u0411\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043d\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432.<\/p>\n            <span class=\"tile-cta\">\n              \u041e\u0442\u043a\u0440\u044b\u0442\u044c\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n            <\/span>\n          <\/div>\n        <\/a>\n      <\/div>\n\n      <!-- 2. \u041a\u0430\u043d\u0431\u0430\u043d -->\n      <div class=\"tile\" role=\"listitem\">\n        <a href=\"https:\/\/kanban.mechanogurus.ru\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <div class=\"icon-wrap\" aria-hidden=\"true\">\n            <svg class=\"tile-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M9 4.5v15m6-15v9M4.5 4.5h15A1.5 1.5 0 0121 6v12a1.5 1.5 0 01-1.5 1.5h-15A1.5 1.5 0 013 18V6a1.5 1.5 0 011.5-1.5z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"tile-body\">\n            <h2 class=\"tile-title\">\u041a\u0430\u043d\u0431\u0430\u043d<\/h2>\n            <p class=\"tile-desc\">\u041e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u0438 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441 \u043d\u0430 \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u044b\u0445 \u0434\u043e\u0441\u043a\u0430\u0445.<\/p>\n            <span class=\"tile-cta\">\n              \u041e\u0442\u043a\u0440\u044b\u0442\u044c\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n            <\/span>\n          <\/div>\n        <\/a>\n      <\/div>\n\n      <!-- 3. BPMN -->\n      <div class=\"tile\" role=\"listitem\">\n        <a href=\"\/?page_id=230\">\n          <div class=\"icon-wrap\" aria-hidden=\"true\">\n            <svg class=\"tile-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M7.5 7.5h3v3h-3v-3zm6 0h3v3h-3v-3zm-6 6h3v3h-3v-3zm6 0h3v3h-3v-3zM10.5 9h3M9 10.5v3M13.5 13.5h-3\"\/>\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2.5\" stroke-width=\"1.75\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"tile-body\">\n            <h2 class=\"tile-title\">BPMN<\/h2>\n            <p class=\"tile-desc\">\u041e\u043f\u0438\u0441\u044b\u0432\u0430\u0439\u0442\u0435 \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e \u0438 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0435 \u0443\u0437\u043a\u0438\u0435 \u043c\u0435\u0441\u0442\u0430.<\/p>\n            <span class=\"tile-cta\">\n              \u041e\u0442\u043a\u0440\u044b\u0442\u044c\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n            <\/span>\n          <\/div>\n        <\/a>\n      <\/div>\n\n      <!-- 4. IT Help Desk -->\n      <div class=\"tile\" role=\"listitem\">\n        <a href=\"https:\/\/helpdesk.mechanogurus.ru\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <div class=\"icon-wrap\" aria-hidden=\"true\">\n            <svg class=\"tile-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M9.879 7.519c.86-1.34 2.382-1.34 3.242 0 .72 1.122.36 2.55-.82 3.25-.7.41-1.12.95-1.12 1.73M12 16.5h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"tile-body\">\n            <h2 class=\"tile-title\">IT Help Desk<\/h2>\n            <p class=\"tile-desc\">\u0412\u043e\u043f\u0440\u043e\u0441 \u043f\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0443? \u0417\u0430\u0434\u0430\u0439\u0442\u0435 \u043d\u0430\u043c \u2014 \u043f\u043e\u043c\u043e\u0436\u0435\u043c \u0431\u044b\u0441\u0442\u0440\u043e.<\/p>\n            <span class=\"tile-cta\">\n              \u041e\u0442\u043a\u0440\u044b\u0442\u044c\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n            <\/span>\n          <\/div>\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n<!-- \/MG: \u041c\u043e\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f -->\n\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!--\n  MG: \u041c\u043e\u0438 \u0437\u0430\u0434\u0430\u0447\u0438 \u2014 Login \/ Portal Heading\n  WordPress Custom HTML block \u2014 self-contained\n\n  How to use:\n  1. Editor \u2192 \"+\" \u2192 Custom HTML\n  2. Paste this entire file\n  3. Place at the top of the page (same level as other MG blocks)\n  4. Width matches site header: max-width 1400px, centered\n-->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@500;600;700&amp;family=Manrope:wght@400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\n\n<div class=\"mg-tasks-hd\" data-mg-tasks-hd>\n<style>\n.mg-tasks-hd,\n.mg-tasks-hd *,\n.mg-tasks-hd *::before,\n.mg-tasks-hd *::after {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: transparent;\n}\n\n\/* \u2500\u2500 WordPress wrapper resets \u2500\u2500 *\/\n.wp-block-html:has(.mg-tasks-hd),\n.entry-content > .wp-block-html:has(.mg-tasks-hd) {\n  display: block !important;\n  width: 100% !important;\n  max-width: none !important;\n  margin-left: auto !important;\n  margin-right: auto !important;\n  padding: 0 !important;\n  float: none !important;\n}\n\n.mg-tasks-hd {\n  --gold: #F2B839;\n  --gold2: #E1830F;\n  --gradient: linear-gradient(135deg, #F2B839 0%, #E1830F 100%);\n  --bg-glass: rgba(255, 255, 255, 0.04);\n  --border: rgba(255, 255, 255, 0.08);\n  --text: #ffffff;\n  --text-2: rgba(255, 255, 255, 0.65);\n  --mg-max: 1400px;\n  --mg-gutter: 20px;\n  --radius: 20px;\n\n  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  color: var(--text);\n  line-height: 1.6;\n  position: relative;\n  isolation: isolate;\n  overflow-x: clip;\n  width: 100% !important;\n  max-width: var(--mg-max) !important;\n  margin: clamp(28px, 3.5vw, 64px) auto clamp(12px, 1.5vw, 24px) !important;\n  padding-left: max(var(--mg-gutter), env(safe-area-inset-left));\n  padding-right: max(var(--mg-gutter), env(safe-area-inset-right));\n  background: transparent;\n}\n\n.mg-tasks-hd h1,\n.mg-tasks-hd p {\n  font-family: inherit;\n  text-transform: none;\n  border: none;\n  background: none;\n  margin: 0;\n}\n.mg-tasks-hd h1::before,\n.mg-tasks-hd p::before {\n  content: none;\n  display: none;\n}\n\n\/* Soft ambient glow *\/\n.mg-tasks-hd::before {\n  content: '';\n  position: absolute;\n  inset: -40px 0;\n  background:\n    radial-gradient(ellipse 50% 55% at 20% 40%, rgba(242, 184, 57, 0.08) 0%, transparent 55%),\n    radial-gradient(ellipse 40% 50% at 85% 60%, rgba(225, 131, 15, 0.05) 0%, transparent 50%);\n  z-index: 0;\n  pointer-events: none;\n  animation: mg-tasks-hd-pulse 14s ease-in-out infinite;\n}\n\n@keyframes mg-tasks-hd-pulse {\n  0%, 100% { opacity: 0.65; }\n  50% { opacity: 1; }\n}\n\n\/* \u2500\u2500 Header panel \u2500\u2500 *\/\n.mg-tasks-hd .tasks-header {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  gap: 0.65rem;\n  min-height: clamp(88px, 12vw, 120px);\n  padding: clamp(1.35rem, 2.5vw, 1.85rem) clamp(1.35rem, 3vw, 2rem);\n  background: var(--bg-glass);\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  border: 1px solid var(--border);\n  border-radius: var(--radius);\n  overflow: hidden;\n}\n\n\/* Gold edge bar *\/\n.mg-tasks-hd .tasks-header::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 4px;\n  height: 100%;\n  background: var(--gradient);\n  opacity: 0.9;\n  z-index: 3;\n}\n\n\/* Blueprint grid \u2014 from original, refined *\/\n.mg-tasks-hd .tasks-blueprint {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  pointer-events: none;\n  background-image:\n    linear-gradient(90deg, rgba(242, 184, 57, 0.12) 1px, transparent 1px),\n    linear-gradient(0deg, rgba(242, 184, 57, 0.12) 1px, transparent 1px);\n  background-size: 28px 28px;\n  mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.55) 30%, rgba(0,0,0,0.55) 100%);\n  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.55) 30%, rgba(0,0,0,0.55) 100%);\n  animation: mg-tasks-blueprint 48s linear infinite;\n}\n\n@keyframes mg-tasks-blueprint {\n  0%   { background-position: 0 0; }\n  100% { background-position: 112px 0; }\n}\n\n\/* Soft gold wash on the right *\/\n.mg-tasks-hd .tasks-header::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  background:\n    radial-gradient(ellipse 55% 90% at 100% 50%, rgba(242, 184, 57, 0.08) 0%, transparent 65%);\n  pointer-events: none;\n}\n\n.mg-tasks-hd .tasks-content {\n  position: relative;\n  z-index: 4;\n  display: flex;\n  flex-direction: column;\n  gap: 0.55rem;\n  max-width: 40rem;\n}\n\n.mg-tasks-hd .tasks-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 0.7rem;\n  font-weight: 700;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: var(--gold);\n}\n\n.mg-tasks-hd .tasks-eyebrow-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--gold);\n  flex-shrink: 0;\n  animation: mg-tasks-dot 2.2s ease-in-out infinite;\n}\n\n@keyframes mg-tasks-dot {\n  0%, 100% { opacity: 1; transform: scale(1); }\n  50% { opacity: 0.4; transform: scale(1.3); }\n}\n\n.mg-tasks-hd .tasks-title {\n  font-family: 'Oswald', 'Arial Narrow', sans-serif;\n  font-size: clamp(1.45rem, 3.2vw, 2rem);\n  font-weight: 600;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--text);\n  line-height: 1.15;\n}\n\n.mg-tasks-hd .tasks-subtitle {\n  font-size: clamp(0.875rem, 1.4vw, 0.975rem);\n  color: var(--text-2);\n  line-height: 1.55;\n}\n\n\/* \u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550 *\/\n\n@media (max-width: 1024px) {\n  .mg-tasks-hd { --mg-gutter: 16px; }\n}\n\n@media (max-width: 768px) {\n  .mg-tasks-hd {\n    --mg-gutter: 14px;\n    --radius: 18px;\n    margin-top: clamp(20px, 4vw, 40px) !important;\n  }\n\n  .mg-tasks-hd .tasks-header {\n    min-height: 0;\n    padding: 1.25rem 1.35rem;\n  }\n\n  .mg-tasks-hd .tasks-blueprint {\n    background-size: 24px 24px;\n    opacity: 0.85;\n  }\n}\n\n@media (max-width: 540px) {\n  .mg-tasks-hd { --mg-gutter: 12px; }\n\n  .mg-tasks-hd .tasks-header {\n    padding: 1.15rem 1.2rem 1.15rem 1.35rem;\n  }\n\n  .mg-tasks-hd .tasks-blueprint {\n    background-size: 22px 22px;\n    mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.4) 100%);\n    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.4) 100%);\n  }\n}\n\n@media (max-width: 380px) {\n  .mg-tasks-hd { --mg-gutter: 10px; --radius: 16px; }\n\n  .mg-tasks-hd .tasks-header {\n    padding: 1rem 1.05rem 1rem 1.2rem;\n  }\n\n  .mg-tasks-hd .tasks-title { font-size: 1.3rem; }\n  .mg-tasks-hd .tasks-subtitle { font-size: 0.84rem; }\n}\n\n@media (hover: none) and (pointer: coarse) {\n  .mg-tasks-hd .tasks-header {\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mg-tasks-hd::before,\n  .mg-tasks-hd .tasks-blueprint,\n  .mg-tasks-hd .tasks-eyebrow-dot {\n    animation: none !important;\n  }\n}\n<\/style>\n\n  <header class=\"tasks-header\">\n    <div class=\"tasks-blueprint\" aria-hidden=\"true\"><\/div>\n    <div class=\"tasks-content\">\n      <div class=\"tasks-eyebrow\">\n        <span class=\"tasks-eyebrow-dot\" aria-hidden=\"true\"><\/span>\n        MechanoGurus\n      <\/div>\n      <h1 class=\"tasks-title\">\u041c\u043e\u0438 \u0437\u0430\u0434\u0430\u0447\u0438<\/h1>\n      <p class=\"tasks-subtitle\">\u0410\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u043e\u0440\u0443\u0447\u0435\u043d\u0438\u044f \u0438 \u0441\u0442\u0430\u0442\u0443\u0441\u044b \u043f\u043e \u0432\u0430\u0448\u0438\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u043c.<\/p>\n    <\/div>\n  <\/header>\n<\/div>\n<!-- \/MG: \u041c\u043e\u0438 \u0437\u0430\u0434\u0430\u0447\u0438 \u2014 Heading -->\n\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-f8c8db08 wp-block-group-is-layout-constrained\"><div class=\"mgp-tiles-wrap\"><p>\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u043e\u0439\u0434\u0438\u0442\u0435, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u0432\u0430\u0448\u0438 \u0437\u0430\u0434\u0430\u0447\u0438.<\/p><\/div>\n<\/div>\n\n\n\n<div style=\"height:19px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!--\n  MG: \u041c\u043e\u0438 \u0442\u0438\u043a\u0435\u0442\u044b \u2014 Login \/ Portal Heading\n  WordPress Custom HTML block \u2014 self-contained\n\n  How to use:\n  1. Editor \u2192 \"+\" \u2192 Custom HTML\n  2. Paste this entire file\n  3. Place at the top of the page (same level as other MG blocks)\n  4. Width matches site header: max-width 1400px, centered\n-->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@500;600;700&amp;family=Manrope:wght@400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\n\n<div class=\"mg-tickets-hd\" data-mg-tickets-hd>\n<style>\n.mg-tickets-hd,\n.mg-tickets-hd *,\n.mg-tickets-hd *::before,\n.mg-tickets-hd *::after {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: transparent;\n}\n\n\/* \u2500\u2500 WordPress wrapper resets \u2500\u2500 *\/\n.wp-block-html:has(.mg-tickets-hd),\n.entry-content > .wp-block-html:has(.mg-tickets-hd) {\n  display: block !important;\n  width: 100% !important;\n  max-width: none !important;\n  margin-left: auto !important;\n  margin-right: auto !important;\n  padding: 0 !important;\n  float: none !important;\n}\n\n.mg-tickets-hd {\n  --gold: #F2B839;\n  --gold2: #E1830F;\n  --gradient: linear-gradient(135deg, #F2B839 0%, #E1830F 100%);\n  --bg-glass: rgba(255, 255, 255, 0.04);\n  --border: rgba(255, 255, 255, 0.08);\n  --text: #ffffff;\n  --text-2: rgba(255, 255, 255, 0.65);\n  --mg-max: 1400px;\n  --mg-gutter: 20px;\n  --radius: 20px;\n\n  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  color: var(--text);\n  line-height: 1.6;\n  position: relative;\n  isolation: isolate;\n  overflow-x: clip;\n  width: 100% !important;\n  max-width: var(--mg-max) !important;\n  margin: clamp(28px, 3.5vw, 64px) auto clamp(12px, 1.5vw, 24px) !important;\n  padding-left: max(var(--mg-gutter), env(safe-area-inset-left));\n  padding-right: max(var(--mg-gutter), env(safe-area-inset-right));\n  background: transparent;\n}\n\n.mg-tickets-hd h1,\n.mg-tickets-hd p {\n  font-family: inherit;\n  text-transform: none;\n  border: none;\n  background: none;\n  margin: 0;\n}\n.mg-tickets-hd h1::before,\n.mg-tickets-hd p::before {\n  content: none;\n  display: none;\n}\n\n\/* Soft ambient glow *\/\n.mg-tickets-hd::before {\n  content: '';\n  position: absolute;\n  inset: -40px 0;\n  background:\n    radial-gradient(ellipse 50% 55% at 20% 40%, rgba(242, 184, 57, 0.08) 0%, transparent 55%),\n    radial-gradient(ellipse 40% 50% at 85% 60%, rgba(225, 131, 15, 0.05) 0%, transparent 50%);\n  z-index: 0;\n  pointer-events: none;\n  animation: mg-tickets-hd-pulse 14s ease-in-out infinite;\n}\n\n@keyframes mg-tickets-hd-pulse {\n  0%, 100% { opacity: 0.65; }\n  50% { opacity: 1; }\n}\n\n\/* \u2500\u2500 Header panel \u2500\u2500 *\/\n.mg-tickets-hd .tickets-header {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  gap: 0.65rem;\n  min-height: clamp(88px, 12vw, 120px);\n  padding: clamp(1.35rem, 2.5vw, 1.85rem) clamp(1.35rem, 3vw, 2rem);\n  background: var(--bg-glass);\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  border: 1px solid var(--border);\n  border-radius: var(--radius);\n  overflow: hidden;\n}\n\n\/* Gold edge bar *\/\n.mg-tickets-hd .tickets-header::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 4px;\n  height: 100%;\n  background: var(--gradient);\n  opacity: 0.9;\n  z-index: 3;\n}\n\n\/* Blueprint grid \u2014 from original, refined *\/\n.mg-tickets-hd .tickets-blueprint {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  pointer-events: none;\n  background-image:\n    linear-gradient(90deg, rgba(242, 184, 57, 0.12) 1px, transparent 1px),\n    linear-gradient(0deg, rgba(242, 184, 57, 0.12) 1px, transparent 1px);\n  background-size: 28px 28px;\n  mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.55) 30%, rgba(0,0,0,0.55) 100%);\n  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.55) 30%, rgba(0,0,0,0.55) 100%);\n  animation: mg-tickets-blueprint 48s linear infinite;\n}\n\n@keyframes mg-tickets-blueprint {\n  0%   { background-position: 0 0; }\n  100% { background-position: 112px 0; }\n}\n\n\/* Soft gold wash on the right *\/\n.mg-tickets-hd .tickets-header::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  background:\n    radial-gradient(ellipse 55% 90% at 100% 50%, rgba(242, 184, 57, 0.08) 0%, transparent 65%);\n  pointer-events: none;\n}\n\n.mg-tickets-hd .tickets-content {\n  position: relative;\n  z-index: 4;\n  display: flex;\n  flex-direction: column;\n  gap: 0.55rem;\n  max-width: 40rem;\n}\n\n.mg-tickets-hd .tickets-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 0.7rem;\n  font-weight: 700;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: var(--gold);\n}\n\n.mg-tickets-hd .tickets-eyebrow-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--gold);\n  flex-shrink: 0;\n  animation: mg-tickets-dot 2.2s ease-in-out infinite;\n}\n\n@keyframes mg-tickets-dot {\n  0%, 100% { opacity: 1; transform: scale(1); }\n  50% { opacity: 0.4; transform: scale(1.3); }\n}\n\n.mg-tickets-hd .tickets-title {\n  font-family: 'Oswald', 'Arial Narrow', sans-serif;\n  font-size: clamp(1.45rem, 3.2vw, 2rem);\n  font-weight: 600;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--text);\n  line-height: 1.15;\n}\n\n.mg-tickets-hd .tickets-subtitle {\n  font-size: clamp(0.875rem, 1.4vw, 0.975rem);\n  color: var(--text-2);\n  line-height: 1.55;\n}\n\n\/* \u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550 *\/\n\n@media (max-width: 1024px) {\n  .mg-tickets-hd { --mg-gutter: 16px; }\n}\n\n@media (max-width: 768px) {\n  .mg-tickets-hd {\n    --mg-gutter: 14px;\n    --radius: 18px;\n    margin-top: clamp(20px, 4vw, 40px) !important;\n  }\n\n  .mg-tickets-hd .tickets-header {\n    min-height: 0;\n    padding: 1.25rem 1.35rem;\n  }\n\n  .mg-tickets-hd .tickets-blueprint {\n    background-size: 24px 24px;\n    opacity: 0.85;\n  }\n}\n\n@media (max-width: 540px) {\n  .mg-tickets-hd { --mg-gutter: 12px; }\n\n  .mg-tickets-hd .tickets-header {\n    padding: 1.15rem 1.2rem 1.15rem 1.35rem;\n  }\n\n  .mg-tickets-hd .tickets-blueprint {\n    background-size: 22px 22px;\n    mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.4) 100%);\n    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.4) 100%);\n  }\n}\n\n@media (max-width: 380px) {\n  .mg-tickets-hd { --mg-gutter: 10px; --radius: 16px; }\n\n  .mg-tickets-hd .tickets-header {\n    padding: 1rem 1.05rem 1rem 1.2rem;\n  }\n\n  .mg-tickets-hd .tickets-title { font-size: 1.3rem; }\n  .mg-tickets-hd .tickets-subtitle { font-size: 0.84rem; }\n}\n\n@media (hover: none) and (pointer: coarse) {\n  .mg-tickets-hd .tickets-header {\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mg-tickets-hd::before,\n  .mg-tickets-hd .tickets-blueprint,\n  .mg-tickets-hd .tickets-eyebrow-dot {\n    animation: none !important;\n  }\n}\n<\/style>\n\n  <header class=\"tickets-header\">\n    <div class=\"tickets-blueprint\" aria-hidden=\"true\"><\/div>\n    <div class=\"tickets-content\">\n      <div class=\"tickets-eyebrow\">\n        <span class=\"tickets-eyebrow-dot\" aria-hidden=\"true\"><\/span>\n        MechanoGurus\n      <\/div>\n      <h1 class=\"tickets-title\">\u041c\u043e\u0438 \u0442\u0438\u043a\u0435\u0442\u044b<\/h1>\n      <p class=\"tickets-subtitle\">\u041e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f \u0432 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 \u0438 \u0441\u0442\u0430\u0442\u0443\u0441\u044b \u043f\u043e \u0432\u0430\u0448\u0438\u043c \u0437\u0430\u043f\u0440\u043e\u0441\u0430\u043c.<\/p>\n    <\/div>\n  <\/header>\n<\/div>\n<!-- \/MG: \u041c\u043e\u0438 \u0442\u0438\u043a\u0435\u0442\u044b \u2014 Heading -->\n\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-efa21a7d wp-block-group-is-layout-constrained\"><div class=\"mgz-wrap\"><p style=\"color:#e8e8ea\">\u0422\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u0432\u0445\u043e\u0434 \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0443.<\/p><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>MechanoGurus \u041c\u043e\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u2014 \u043e\u0431\u043b\u0430\u043a\u043e, \u0437\u0430\u0434\u0430\u0447\u0438, \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430. \u041e\u0431\u043b\u0430\u0447\u043d\u043e\u0435 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0411\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043d\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432. \u041e\u0442\u043a\u0440\u044b\u0442\u044c \u041a\u0430\u043d\u0431\u0430\u043d \u041e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u0438 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441 \u043d\u0430 \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u044b\u0445 \u0434\u043e\u0441\u043a\u0430\u0445. \u041e\u0442\u043a\u0440\u044b\u0442\u044c BPMN \u041e\u043f\u0438\u0441\u044b\u0432\u0430\u0439\u0442\u0435 \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e \u0438 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0435 \u0443\u0437\u043a\u0438\u0435 \u043c\u0435\u0441\u0442\u0430. \u041e\u0442\u043a\u0440\u044b\u0442\u044c IT Help Desk \u0412\u043e\u043f\u0440\u043e\u0441 \u043f\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0443? \u0417\u0430\u0434\u0430\u0439\u0442\u0435 \u043d\u0430\u043c \u2014 \u043f\u043e\u043c\u043e\u0436\u0435\u043c \u0431\u044b\u0441\u0442\u0440\u043e. \u041e\u0442\u043a\u0440\u044b\u0442\u044c MechanoGurus \u041c\u043e\u0438 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-blank-with-header","meta":{"footnotes":""},"class_list":["post-587","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Login &#8211; \u041c\u0435\u0445\u0430\u043d\u043e\u0433\u0443\u0440\u0443\u0441<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mechanogurus.ru\/?page_id=587\" \/>\n<meta property=\"og:locale\" content=\"ru_RU\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Login &#8211; \u041c\u0435\u0445\u0430\u043d\u043e\u0433\u0443\u0440\u0443\u0441\" \/>\n<meta property=\"og:description\" content=\"MechanoGurus \u041c\u043e\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u2014 \u043e\u0431\u043b\u0430\u043a\u043e, \u0437\u0430\u0434\u0430\u0447\u0438, \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430. \u041e\u0431\u043b\u0430\u0447\u043d\u043e\u0435 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0411\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043d\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432. \u041e\u0442\u043a\u0440\u044b\u0442\u044c \u041a\u0430\u043d\u0431\u0430\u043d \u041e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u0438 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441 \u043d\u0430 \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u044b\u0445 \u0434\u043e\u0441\u043a\u0430\u0445. \u041e\u0442\u043a\u0440\u044b\u0442\u044c BPMN \u041e\u043f\u0438\u0441\u044b\u0432\u0430\u0439\u0442\u0435 \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e \u0438 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0435 \u0443\u0437\u043a\u0438\u0435 \u043c\u0435\u0441\u0442\u0430. \u041e\u0442\u043a\u0440\u044b\u0442\u044c IT Help Desk \u0412\u043e\u043f\u0440\u043e\u0441 \u043f\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0443? \u0417\u0430\u0434\u0430\u0439\u0442\u0435 \u043d\u0430\u043c \u2014 \u043f\u043e\u043c\u043e\u0436\u0435\u043c \u0431\u044b\u0441\u0442\u0440\u043e. \u041e\u0442\u043a\u0440\u044b\u0442\u044c MechanoGurus \u041c\u043e\u0438 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mechanogurus.ru\/?page_id=587\" \/>\n<meta property=\"og:site_name\" content=\"\u041c\u0435\u0445\u0430\u043d\u043e\u0433\u0443\u0440\u0443\u0441\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-03T06:29:10+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mechanogurus.ru\\\/?page_id=587\",\"url\":\"https:\\\/\\\/mechanogurus.ru\\\/?page_id=587\",\"name\":\"Login &#8211; \u041c\u0435\u0445\u0430\u043d\u043e\u0433\u0443\u0440\u0443\u0441\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mechanogurus.ru\\\/#website\"},\"datePublished\":\"2025-06-10T16:12:32+00:00\",\"dateModified\":\"2026-08-03T06:29:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mechanogurus.ru\\\/?page_id=587#breadcrumb\"},\"inLanguage\":\"ru-RU\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mechanogurus.ru\\\/?page_id=587\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mechanogurus.ru\\\/?page_id=587#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mechanogurus.ru\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Login\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mechanogurus.ru\\\/#website\",\"url\":\"https:\\\/\\\/mechanogurus.ru\\\/\",\"name\":\"\u041c\u0435\u0445\u0430\u043d\u043e\u0433\u0443\u0440\u0443\u0441\",\"description\":\"\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0438\u0437\u0434\u0435\u043b\u0438\u0439 \u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432\",\"publisher\":{\"@id\":\"https:\\\/\\\/mechanogurus.ru\\\/#organization\"},\"alternateName\":\"Mechanogurus\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mechanogurus.ru\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ru-RU\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mechanogurus.ru\\\/#organization\",\"name\":\"\u041c\u0435\u0445\u0430\u043d\u043e\u0433\u0443\u0440\u0443\u0441\",\"alternateName\":\"Mechanogurus\",\"url\":\"https:\\\/\\\/mechanogurus.ru\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ru-RU\",\"@id\":\"https:\\\/\\\/mechanogurus.ru\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mechanogurus.ru\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/mg_enginalytics_side_rus-scaled.png\",\"contentUrl\":\"https:\\\/\\\/mechanogurus.ru\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/mg_enginalytics_side_rus-scaled.png\",\"width\":2560,\"height\":549,\"caption\":\"\u041c\u0435\u0445\u0430\u043d\u043e\u0433\u0443\u0440\u0443\u0441\"},\"image\":{\"@id\":\"https:\\\/\\\/mechanogurus.ru\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Login &#8211; \u041c\u0435\u0445\u0430\u043d\u043e\u0433\u0443\u0440\u0443\u0441","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mechanogurus.ru\/?page_id=587","og_locale":"ru_RU","og_type":"article","og_title":"Login &#8211; \u041c\u0435\u0445\u0430\u043d\u043e\u0433\u0443\u0440\u0443\u0441","og_description":"MechanoGurus \u041c\u043e\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u2014 \u043e\u0431\u043b\u0430\u043a\u043e, \u0437\u0430\u0434\u0430\u0447\u0438, \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430. \u041e\u0431\u043b\u0430\u0447\u043d\u043e\u0435 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0411\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043d\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432. \u041e\u0442\u043a\u0440\u044b\u0442\u044c \u041a\u0430\u043d\u0431\u0430\u043d \u041e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u0438 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441 \u043d\u0430 \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u044b\u0445 \u0434\u043e\u0441\u043a\u0430\u0445. \u041e\u0442\u043a\u0440\u044b\u0442\u044c BPMN \u041e\u043f\u0438\u0441\u044b\u0432\u0430\u0439\u0442\u0435 \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e \u0438 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0435 \u0443\u0437\u043a\u0438\u0435 \u043c\u0435\u0441\u0442\u0430. \u041e\u0442\u043a\u0440\u044b\u0442\u044c IT Help Desk \u0412\u043e\u043f\u0440\u043e\u0441 \u043f\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0443? \u0417\u0430\u0434\u0430\u0439\u0442\u0435 \u043d\u0430\u043c \u2014 \u043f\u043e\u043c\u043e\u0436\u0435\u043c \u0431\u044b\u0441\u0442\u0440\u043e. \u041e\u0442\u043a\u0440\u044b\u0442\u044c MechanoGurus \u041c\u043e\u0438 [&hellip;]","og_url":"https:\/\/mechanogurus.ru\/?page_id=587","og_site_name":"\u041c\u0435\u0445\u0430\u043d\u043e\u0433\u0443\u0440\u0443\u0441","article_modified_time":"2026-08-03T06:29:10+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mechanogurus.ru\/?page_id=587","url":"https:\/\/mechanogurus.ru\/?page_id=587","name":"Login &#8211; \u041c\u0435\u0445\u0430\u043d\u043e\u0433\u0443\u0440\u0443\u0441","isPartOf":{"@id":"https:\/\/mechanogurus.ru\/#website"},"datePublished":"2025-06-10T16:12:32+00:00","dateModified":"2026-08-03T06:29:10+00:00","breadcrumb":{"@id":"https:\/\/mechanogurus.ru\/?page_id=587#breadcrumb"},"inLanguage":"ru-RU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mechanogurus.ru\/?page_id=587"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/mechanogurus.ru\/?page_id=587#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mechanogurus.ru\/"},{"@type":"ListItem","position":2,"name":"Login"}]},{"@type":"WebSite","@id":"https:\/\/mechanogurus.ru\/#website","url":"https:\/\/mechanogurus.ru\/","name":"\u041c\u0435\u0445\u0430\u043d\u043e\u0433\u0443\u0440\u0443\u0441","description":"\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0438\u0437\u0434\u0435\u043b\u0438\u0439 \u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432","publisher":{"@id":"https:\/\/mechanogurus.ru\/#organization"},"alternateName":"Mechanogurus","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mechanogurus.ru\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ru-RU"},{"@type":"Organization","@id":"https:\/\/mechanogurus.ru\/#organization","name":"\u041c\u0435\u0445\u0430\u043d\u043e\u0433\u0443\u0440\u0443\u0441","alternateName":"Mechanogurus","url":"https:\/\/mechanogurus.ru\/","logo":{"@type":"ImageObject","inLanguage":"ru-RU","@id":"https:\/\/mechanogurus.ru\/#\/schema\/logo\/image\/","url":"https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/05\/mg_enginalytics_side_rus-scaled.png","contentUrl":"https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/05\/mg_enginalytics_side_rus-scaled.png","width":2560,"height":549,"caption":"\u041c\u0435\u0445\u0430\u043d\u043e\u0433\u0443\u0440\u0443\u0441"},"image":{"@id":"https:\/\/mechanogurus.ru\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/587","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=587"}],"version-history":[{"count":14,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/587\/revisions"}],"predecessor-version":[{"id":4689,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/587\/revisions\/4689"}],"wp:attachment":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}