{"id":5651,"date":"2025-08-19T19:11:55","date_gmt":"2025-08-19T14:11:55","guid":{"rendered":"https:\/\/cifrum.kz\/kontakty\/"},"modified":"2026-06-15T16:07:50","modified_gmt":"2026-06-15T11:07:50","slug":"baylanys","status":"publish","type":"page","link":"https:\/\/cifrum.kz\/kk\/baylanys\/","title":{"rendered":"\u0411\u0430\u0439\u043b\u0430\u043d\u044b\u0441"},"content":{"rendered":"\n<style>\n\/* ===========================================================\n   Cifrum.kz \u2014 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u00ab\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b\u00bb, v3 (single column).\n   \u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u0430 scoped \u0432 .custom-contact-page \u2014 \u043d\u0435 \u0432\u043b\u0438\u044f\u0435\u0442 \u043d\u0438 \u043d\u0430\n   header, footer, \u043d\u0438 \u043d\u0430 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0430\u0439\u0442.\n   =========================================================== *\/\n\n.custom-contact-page{\n  --ccp-primary:#3d58bb;\n  --ccp-primary-dark:#2c45a2;\n  --ccp-primary-soft:#eef2fb;\n  --ccp-accent:#4055c8;\n  --ccp-red:#e72f2d;\n  --ccp-text:#0f1c3f;\n  --ccp-text-body:#1c2030;\n  --ccp-text-muted:#64748b;\n  --ccp-border:#e8eaf3;\n  --ccp-card:#ffffff;\n  --ccp-radius:16px;\n  --ccp-radius-sm:10px;\n  --ccp-shadow:0 4px 22px rgba(15,28,63,.05),0 1px 3px rgba(15,28,63,.04);\n  --ccp-shadow-primary:0 6px 18px rgba(61,88,187,.30);\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif;\n  color:var(--ccp-text-body);line-height:1.55;\n  padding:8px 0 64px;box-sizing:border-box;\n}\n.custom-contact-page *,\n.custom-contact-page *::before,\n.custom-contact-page *::after{box-sizing:border-box}\n.custom-contact-page .ccp-wrap{max-width:880px;margin:0 auto;padding:0 16px}\n\n\/* ---------- Hero ---------- *\/\n.custom-contact-page .ccp-hero{text-align:center;margin-bottom:32px;padding:8px 0}\n.custom-contact-page .ccp-hero-eyebrow{\n  display:inline-block;margin-bottom:14px;padding:6px 14px;\n  font-size:.72rem;font-weight:800;text-transform:uppercase;\n  letter-spacing:.14em;color:var(--ccp-primary);\n  background:var(--ccp-primary-soft);\n  border-radius:999px;\n}\n.custom-contact-page .ccp-hero-text{\n  margin:0 auto;max-width:680px;\n  font-size:1.08rem;color:var(--ccp-text-muted);line-height:1.55;\n  text-align:center;\n}\n\n\/* ---------- \u0411\u0430\u0437\u043e\u0432\u0430\u044f \u0441\u0435\u043a\u0446\u0438\u043e\u043d\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 ---------- *\/\n.custom-contact-page .ccp-section{\n  background:var(--ccp-card);\n  border-radius:var(--ccp-radius);\n  padding:36px;margin-bottom:24px;\n  box-shadow:var(--ccp-shadow);\n  border:1px solid rgba(15,28,63,.04);\n  position:relative;overflow:hidden;\n}\n.custom-contact-page .ccp-section:last-of-type{margin-bottom:0}\n@media(max-width:768px){\n  .custom-contact-page .ccp-section{padding:24px 22px;margin-bottom:18px}\n}\n\n\/* \u0410\u043a\u0446\u0435\u043d\u0442-\u043f\u043e\u043b\u043e\u0441\u043a\u0430 \u0441\u0432\u0435\u0440\u0445\u0443 \u0444\u043e\u0440\u043c-\u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 *\/\n.custom-contact-page .ccp-form-section::before{\n  content:\"\";position:absolute;top:0;left:0;right:0;height:3px;\n  background:linear-gradient(90deg,var(--ccp-primary) 0%,var(--ccp-accent) 50%,var(--ccp-red) 100%);\n}\n\n.custom-contact-page .ccp-section-heading{\n  display:flex;align-items:center;gap:14px;\n  margin:0 0 8px;font-size:1.55rem;font-weight:800;\n  color:var(--ccp-text);letter-spacing:-.012em;line-height:1.2;\n}\n.custom-contact-page .ccp-section-heading svg{\n  width:40px;height:40px;padding:9px;flex-shrink:0;\n  color:#fff;border-radius:12px;\n  background:linear-gradient(135deg,var(--ccp-primary) 0%,var(--ccp-accent) 100%);\n  box-shadow:0 4px 12px rgba(61,88,187,.25);\n}\n@media(max-width:480px){\n  .custom-contact-page .ccp-section-heading{font-size:1.3rem;gap:10px}\n  .custom-contact-page .ccp-section-heading svg{width:34px;height:34px;padding:7px}\n}\n.custom-contact-page .ccp-section-sub{\n  margin:0 0 24px;font-size:.98rem;color:var(--ccp-text-muted);line-height:1.5;\n  text-align:left;\n}\n\/* \u0413\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u043c \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e\u0435 \u0432\u044b\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u043d\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u0430 \u2014 \u0442\u0435\u043c\u0430 Astra \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043c\u043e\u0436\u0435\u0442 \u0441\u0442\u0430\u0432\u0438\u0442\u044c justify *\/\n.custom-contact-page,\n.custom-contact-page p,\n.custom-contact-page span,\n.custom-contact-page div,\n.custom-contact-page label{text-align:left}\n.custom-contact-page .ccp-hero,\n.custom-contact-page .ccp-hero *{text-align:center}\n\n\/* ====================================================\n   1) \u0424\u041e\u0420\u041c\u0410 \u2014 \u041c\u043d\u043e\u0433\u043e\u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430\u044f\n   ==================================================== *\/\n.custom-contact-page .ccp-form{display:flex;flex-direction:column;gap:18px}\n.custom-contact-page .ccp-row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}\n@media(max-width:640px){.custom-contact-page .ccp-row-2{grid-template-columns:1fr;gap:18px}}\n\n.custom-contact-page .ccp-field{display:flex;flex-direction:column;gap:6px}\n.custom-contact-page .ccp-field label{\n  font-size:.83rem;font-weight:600;color:var(--ccp-text);\n}\n.custom-contact-page .ccp-field label .ccp-req{color:var(--ccp-red);margin-left:2px}\n.custom-contact-page .ccp-field input,\n.custom-contact-page .ccp-field select,\n.custom-contact-page .ccp-field textarea{\n  width:100%;\n  \/* \u0412\u044b\u0441\u043e\u0442\u0430 \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0434\u043b\u044f input\/select; textarea \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442\u0441\u044f \u043d\u0438\u0436\u0435 *\/\n  height:50px;padding:0 16px;\n  font:inherit;font-size:.96rem;line-height:1.2;\n  color:var(--ccp-text-body);\n  background:#f7f9ff;\n  border:1.5px solid var(--ccp-border);\n  border-radius:var(--ccp-radius-sm);\n  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;\n  outline:0;\n  -webkit-text-fill-color:var(--ccp-text-body);\n}\n.custom-contact-page .ccp-field input::placeholder,\n.custom-contact-page .ccp-field textarea::placeholder{\n  color:#94a3b8;opacity:1;\n}\n.custom-contact-page .ccp-field input:hover,\n.custom-contact-page .ccp-field select:hover,\n.custom-contact-page .ccp-field textarea:hover{\n  border-color:#c9d2ed;background:#fff;\n}\n.custom-contact-page .ccp-field textarea{\n  height:auto;min-height:160px;padding:14px 16px;\n  resize:vertical;line-height:1.55;\n}\n.custom-contact-page .ccp-field select{\n  appearance:none;-webkit-appearance:none;-moz-appearance:none;\n  background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='none' stroke='%233d58bb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5l5 5 5-5'\/>\");\n  background-repeat:no-repeat;background-position:right 16px center;\n  background-color:#f7f9ff;\n  padding-right:44px;cursor:pointer;\n}\n.custom-contact-page .ccp-field select:hover{background-color:#fff}\n.custom-contact-page .ccp-field input:focus,\n.custom-contact-page .ccp-field select:focus,\n.custom-contact-page .ccp-field textarea:focus{\n  border-color:var(--ccp-primary);background:#fff;\n  box-shadow:0 0 0 4px rgba(61,88,187,.14);\n}\n.custom-contact-page .ccp-field select:focus{background-color:#fff}\n\n.custom-contact-page .ccp-file{\n  display:inline-flex;align-items:center;gap:10px;\n  padding:12px 18px;font-size:.93rem;font-weight:600;\n  color:var(--ccp-primary);background:var(--ccp-primary-soft);\n  border:1px dashed rgba(61,88,187,.35);\n  border-radius:var(--ccp-radius-sm);cursor:pointer;\n  transition:background .18s ease,border-color .18s ease;\n  align-self:flex-start;\n}\n.custom-contact-page .ccp-file:hover{\n  background:#e3eaff;border-color:var(--ccp-primary);\n}\n.custom-contact-page .ccp-file svg{width:18px;height:18px}\n.custom-contact-page .ccp-file input[type=file]{\n  position:absolute;opacity:0;width:0;height:0;pointer-events:none;\n}\n\n.custom-contact-page .ccp-consent{\n  display:flex;gap:10px;align-items:flex-start;\n  font-size:.87rem;color:var(--ccp-text-muted);line-height:1.5;\n}\n.custom-contact-page .ccp-consent input[type=checkbox]{\n  margin-top:3px;flex-shrink:0;width:16px;height:16px;\n  accent-color:var(--ccp-primary);cursor:pointer;\n}\n.custom-contact-page .ccp-consent a{\n  color:var(--ccp-primary);text-decoration:underline;\n}\n\n.custom-contact-page .ccp-submit{\n  display:inline-flex;align-items:center;justify-content:center;gap:10px;\n  padding:15px 32px;margin-top:6px;\n  font:inherit;font-size:1.02rem;font-weight:700;color:#fff;\n  background:linear-gradient(135deg,var(--ccp-primary) 0%,var(--ccp-accent) 100%);\n  border:0;border-radius:var(--ccp-radius-sm);cursor:pointer;\n  box-shadow:var(--ccp-shadow-primary);\n  transition:transform .2s ease,box-shadow .2s ease;\n  align-self:flex-start;\n}\n.custom-contact-page .ccp-submit:hover{\n  transform:translateY(-1px);\n  box-shadow:0 10px 24px rgba(61,88,187,.42);\n}\n.custom-contact-page .ccp-submit:active{transform:translateY(0)}\n.custom-contact-page .ccp-submit svg{width:16px;height:16px;transition:transform .2s ease}\n.custom-contact-page .ccp-submit:hover svg{transform:translateX(4px)}\n\n\/* ====================================================\n   2) \u041a\u041e\u041d\u0422\u0410\u041a\u0422\u042b\n   ==================================================== *\/\n.custom-contact-page .ccp-contacts-grid{\n  display:grid;grid-template-columns:repeat(2,1fr);gap:14px;\n  margin-bottom:24px;\n}\n@media(max-width:640px){.custom-contact-page .ccp-contacts-grid{grid-template-columns:1fr}}\n\n.custom-contact-page .ccp-contact-row{\n  display:flex;align-items:center;gap:14px;\n  padding:14px 16px;\n  background:var(--ccp-primary-soft);\n  border-radius:var(--ccp-radius-sm);\n  text-decoration:none;color:var(--ccp-text);\n  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;\n}\n.custom-contact-page .ccp-contact-row:hover{\n  transform:translateY(-1px);background:#e3eaff;\n  box-shadow:0 4px 14px rgba(61,88,187,.12);\n}\n.custom-contact-page .ccp-contact-icon{\n  flex:0 0 44px;width:44px;height:44px;border-radius:12px;\n  background:#fff;color:var(--ccp-primary);\n  display:inline-flex;align-items:center;justify-content:center;\n  box-shadow:0 2px 8px rgba(61,88,187,.10);\n}\n.custom-contact-page .ccp-contact-icon svg{width:20px;height:20px}\n.custom-contact-page .ccp-contact-meta{display:flex;flex-direction:column;min-width:0}\n.custom-contact-page .ccp-contact-meta small{\n  font-size:.7rem;color:var(--ccp-text-muted);\n  text-transform:uppercase;letter-spacing:.06em;font-weight:600;\n}\n.custom-contact-page .ccp-contact-meta strong{\n  font-size:1.02rem;font-weight:700;color:var(--ccp-text);margin-top:2px;\n  word-break:break-word;\n}\n\n\/* \u0410\u0434\u0440\u0435\u0441 *\/\n.custom-contact-page .ccp-address{\n  display:flex;gap:14px;align-items:flex-start;\n  padding:16px;background:var(--ccp-primary-soft);\n  border-radius:var(--ccp-radius-sm);\n  font-size:.96rem;line-height:1.55;color:var(--ccp-text-body);\n  margin-bottom:24px;\n}\n.custom-contact-page .ccp-address-icon{\n  flex:0 0 22px;color:var(--ccp-primary);margin-top:2px;\n}\n.custom-contact-page .ccp-address-icon svg{width:22px;height:22px}\n\n\/* \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 *\/\n.custom-contact-page .ccp-sub-label{\n  display:block;margin:24px 0 12px;\n  font-size:.7rem;font-weight:800;text-transform:uppercase;\n  letter-spacing:.12em;color:var(--ccp-primary);\n}\n.custom-contact-page .ccp-credentials{display:flex;flex-direction:column;gap:8px}\n.custom-contact-page .ccp-credential{\n  display:flex;gap:12px;align-items:flex-start;\n  padding:12px 16px;background:#fafbff;\n  border:1px solid var(--ccp-border);\n  border-radius:var(--ccp-radius-sm);\n  font-size:.92rem;color:var(--ccp-text-muted);line-height:1.5;\n}\n.custom-contact-page .ccp-credential-dot{\n  flex:0 0 6px;width:6px;height:6px;border-radius:50%;\n  background:var(--ccp-primary);margin-top:9px;\n}\n.custom-contact-page .ccp-credential strong{color:var(--ccp-text);font-weight:700}\n\n\/* \u0421\u043e\u0446\u0441\u0435\u0442\u0438 *\/\n.custom-contact-page .ccp-socials{\n  display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;\n}\n.custom-contact-page .ccp-social{\n  display:inline-flex;align-items:center;gap:8px;\n  padding:10px 16px;border-radius:999px;\n  background:#fff;border:1px solid var(--ccp-border);\n  color:var(--ccp-text);font-size:.9rem;font-weight:600;\n  text-decoration:none;transition:all .2s ease;\n}\n.custom-contact-page .ccp-social svg{width:18px;height:18px;color:var(--ccp-primary)}\n.custom-contact-page .ccp-social:hover{\n  background:var(--ccp-primary);color:#fff;border-color:var(--ccp-primary);\n  transform:translateY(-2px);\n  box-shadow:var(--ccp-shadow-primary);\n}\n.custom-contact-page .ccp-social:hover svg{color:#fff}\n\n\/* ====================================================\n   3) FAQ\n   ==================================================== *\/\n.custom-contact-page .ccp-faq{display:flex;flex-direction:column;gap:10px}\n.custom-contact-page .ccp-faq-item{\n  border:1px solid var(--ccp-border);\n  border-radius:var(--ccp-radius-sm);\n  background:#fafbff;\n  overflow:hidden;\n  transition:border-color .2s ease,box-shadow .2s ease;\n}\n.custom-contact-page .ccp-faq-item[open]{\n  border-color:rgba(61,88,187,.30);\n  box-shadow:0 4px 14px rgba(61,88,187,.08);\n  background:#fff;\n}\n.custom-contact-page .ccp-faq-item summary{\n  display:flex;align-items:center;gap:14px;\n  padding:16px 18px;cursor:pointer;\n  font-weight:700;color:var(--ccp-text);font-size:1rem;\n  list-style:none;-webkit-tap-highlight-color:transparent;\n  user-select:none;\n}\n.custom-contact-page .ccp-faq-item summary::-webkit-details-marker{display:none}\n.custom-contact-page .ccp-faq-marker{\n  flex:0 0 26px;width:26px;height:26px;border-radius:50%;\n  background:var(--ccp-primary-soft);color:var(--ccp-primary);\n  display:inline-flex;align-items:center;justify-content:center;\n  font-size:1.05rem;font-weight:700;\n  transition:transform .25s ease,background .2s ease;\n}\n.custom-contact-page .ccp-faq-item[open] .ccp-faq-marker{\n  transform:rotate(45deg);background:var(--ccp-primary);color:#fff;\n}\n.custom-contact-page .ccp-faq-q{flex:1 1 auto}\n.custom-contact-page .ccp-faq-a{\n  padding:0 18px 18px 56px;\n  font-size:.95rem;color:var(--ccp-text-muted);line-height:1.6;\n}\n@media(max-width:640px){\n  .custom-contact-page .ccp-faq-a{padding-left:18px}\n}\n\n\/* ====================================================\n   4) \u041a\u0410\u0420\u0422\u0410\n   ==================================================== *\/\n.custom-contact-page .ccp-map{\n  background:var(--ccp-card);border-radius:var(--ccp-radius);\n  padding:8px;box-shadow:var(--ccp-shadow);\n  border:1px solid rgba(15,28,63,.04);overflow:hidden;\n  margin-bottom:0;\n}\n.custom-contact-page .ccp-map-frame{\n  position:relative;width:100%;aspect-ratio:21\/9;\n  border-radius:var(--ccp-radius-sm);overflow:hidden;\n  background:linear-gradient(135deg,#eef2fb 0%,#dde6f7 100%);\n}\n.custom-contact-page .ccp-map-frame iframe,\n.custom-contact-page .ccp-map-frame .ccp-map-placeholder{\n  position:absolute;inset:0;width:100%;height:100%;border:0;\n  display:flex;align-items:center;justify-content:center;\n  flex-direction:column;gap:12px;\n  color:var(--ccp-primary);font-size:.95rem;font-weight:600;\n}\n.custom-contact-page .ccp-map-placeholder svg{width:44px;height:44px;opacity:.5}\n@media(max-width:768px){\n  .custom-contact-page .ccp-map-frame{aspect-ratio:4\/3}\n}\n\n\/* ====================================================\n   5) WIZARD \u2014 \u043f\u043e\u0448\u0430\u0433\u043e\u0432\u0430\u044f \u0444\u043e\u0440\u043c\u0430\n   ==================================================== *\/\n.custom-contact-page .ccp-stepper{\n  display:flex;gap:6px;margin:0 0 28px;padding:0;list-style:none;\n}\n.custom-contact-page .ccp-stepper li{\n  flex:1;display:flex;align-items:center;gap:10px;\n  padding:10px 4px 12px;\n  font-size:.85rem;font-weight:600;color:var(--ccp-text-muted);\n  border-bottom:2px solid var(--ccp-border);\n  transition:color .25s ease,border-color .25s ease;\n}\n.custom-contact-page .ccp-stepper li .ccp-step-num{\n  display:inline-flex;align-items:center;justify-content:center;\n  width:26px;height:26px;border-radius:50%;\n  background:var(--ccp-border);color:#fff;font-size:.78rem;font-weight:700;\n  flex-shrink:0;\n  transition:all .25s ease;\n}\n.custom-contact-page .ccp-stepper li.active{\n  color:var(--ccp-primary);border-bottom-color:var(--ccp-primary);\n}\n.custom-contact-page .ccp-stepper li.active .ccp-step-num{\n  background:var(--ccp-primary);\n  box-shadow:0 4px 12px rgba(61,88,187,.30);\n}\n.custom-contact-page .ccp-stepper li.done{\n  color:var(--ccp-primary);border-bottom-color:var(--ccp-primary);\n}\n.custom-contact-page .ccp-stepper li.done .ccp-step-num{\n  background:var(--ccp-primary);\n}\n@media(max-width:540px){\n  .custom-contact-page .ccp-stepper li{font-size:.78rem;gap:6px}\n  .custom-contact-page .ccp-stepper li .ccp-step-num{width:22px;height:22px;font-size:.72rem}\n}\n\n\/* \u041f\u0430\u043d\u0435\u043b\u044c \u0448\u0430\u0433\u0430 *\/\n.custom-contact-page .ccp-pane{display:none;animation:ccpFade .25s ease}\n.custom-contact-page .ccp-pane.active{display:block}\n@keyframes ccpFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}\n\n.custom-contact-page .ccp-pane-intro{\n  margin:0 0 22px;color:var(--ccp-text-muted);font-size:.98rem;line-height:1.5;\n}\n\n\/* \u0421\u0435\u0442\u043a\u0430 \u0442\u0435\u043c *\/\n.custom-contact-page .ccp-topics{\n  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;\n}\n@media(max-width:720px){.custom-contact-page .ccp-topics{grid-template-columns:repeat(2,1fr)}}\n@media(max-width:430px){.custom-contact-page .ccp-topics{grid-template-columns:1fr}}\n\n.custom-contact-page .ccp-topic{\n  display:flex;flex-direction:column;align-items:flex-start;gap:8px;\n  padding:18px 16px;\n  background:#fafbff;\n  border:1.5px solid var(--ccp-border);\n  border-radius:14px;\n  text-align:left;cursor:pointer;\n  font:inherit;color:var(--ccp-text);\n  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease;\n}\n.custom-contact-page .ccp-topic:hover,\n.custom-contact-page .ccp-topic:focus-visible{\n  border-color:var(--ccp-primary);background:#fff;\n  transform:translateY(-2px);\n  box-shadow:0 10px 24px rgba(61,88,187,.14);\n  outline:none;\n}\n.custom-contact-page .ccp-topic-icon{\n  display:inline-flex;align-items:center;justify-content:center;\n  width:40px;height:40px;border-radius:12px;\n  background:var(--ccp-primary-soft);color:var(--ccp-primary);\n  margin-bottom:4px;\n  transition:background .25s ease,color .25s ease;\n}\n.custom-contact-page .ccp-topic-icon svg{width:20px;height:20px}\n.custom-contact-page .ccp-topic:hover .ccp-topic-icon{\n  background:var(--ccp-primary);color:#fff;\n}\n.custom-contact-page .ccp-topic strong{\n  font-size:.97rem;font-weight:700;line-height:1.3;color:var(--ccp-text);\n}\n.custom-contact-page .ccp-topic small{\n  font-size:.79rem;color:var(--ccp-text-muted);\n  font-weight:500;line-height:1.45;\n}\n\n\/* \u041a\u043d\u043e\u043f\u043a\u0430 \u00ab\u043d\u0430\u0437\u0430\u0434\u00bb *\/\n.custom-contact-page .ccp-back{\n  display:inline-flex;align-items:center;gap:6px;\n  margin:0 0 16px;padding:6px 0;\n  background:transparent;border:0;cursor:pointer;\n  font:inherit;font-size:.9rem;font-weight:600;color:var(--ccp-primary);\n}\n.custom-contact-page .ccp-back:hover{text-decoration:underline}\n\n\/* \u0411\u0435\u0439\u0434\u0436 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0439 \u0442\u0435\u043c\u044b *\/\n.custom-contact-page .ccp-chosen{\n  display:inline-flex;align-items:center;gap:8px;\n  padding:8px 18px;margin:0 0 22px;\n  background:var(--ccp-primary-soft);\n  border-radius:999px;\n  font-size:.86rem;color:var(--ccp-text);\n}\n.custom-contact-page .ccp-chosen strong{color:var(--ccp-primary);font-weight:700}\n\n\/* Honeypot \u2014 \u043d\u0435\u0432\u0438\u0434\u0438\u043c\u043e\u0435 \u043f\u043e\u043b\u0435 *\/\n.custom-contact-page .ccp-hp{\n  position:absolute;left:-9999px;top:-9999px;\n  width:1px;height:1px;opacity:0;pointer-events:none;\n}\n\n\/* \u041a\u043d\u043e\u043f\u043a\u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439 *\/\n.custom-contact-page .ccp-actions{\n  display:flex;gap:12px;margin-top:8px;align-items:center;flex-wrap:wrap;\n}\n.custom-contact-page .ccp-secondary{\n  padding:13px 22px;\n  background:transparent;\n  border:1.5px solid var(--ccp-border);\n  border-radius:var(--ccp-radius-sm);\n  font:inherit;font-size:.95rem;font-weight:600;\n  color:var(--ccp-text);cursor:pointer;\n  transition:all .2s ease;\n}\n.custom-contact-page .ccp-secondary:hover{\n  background:var(--ccp-primary-soft);\n  border-color:var(--ccp-primary);\n  color:var(--ccp-primary);\n}\n\n\/* \u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043e\u0431 \u043e\u0448\u0438\u0431\u043a\u0435 *\/\n.custom-contact-page .ccp-form-error{\n  margin-top:14px;padding:12px 16px;\n  background:#fef0f0;\n  border:1px solid #fbcaca;\n  border-radius:10px;\n  color:#b3261e;font-size:.9rem;line-height:1.45;\n}\n\n\/* Success-\u044d\u043a\u0440\u0430\u043d *\/\n.custom-contact-page .ccp-success{\n  text-align:center;padding:16px 0 8px;\n}\n.custom-contact-page .ccp-success-icon{\n  display:inline-flex;align-items:center;justify-content:center;\n  width:76px;height:76px;margin-bottom:18px;\n  background:linear-gradient(135deg,#10b981 0%,#059669 100%);\n  border-radius:50%;color:#fff;\n  box-shadow:0 14px 34px rgba(16,185,129,.32);\n}\n.custom-contact-page .ccp-success-icon svg{width:36px;height:36px}\n.custom-contact-page .ccp-success h3{\n  margin:0 0 10px;font-size:1.5rem;font-weight:800;color:var(--ccp-text);\n}\n.custom-contact-page .ccp-success p{\n  margin:0 auto 24px;max-width:480px;color:var(--ccp-text-muted);line-height:1.55;\n}\n\n\/* \u0421\u043a\u0440\u044b\u0432\u0430\u0435\u043c submit-disabled-\u0438\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440 *\/\n.custom-contact-page .ccp-submit[disabled]{\n  opacity:.7;cursor:wait;transform:none !important;\n}\n\n\/* ====================================================\n   6) UPLOADER \u2014 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0444\u0430\u0439\u043b\u043e\u0432\n   ==================================================== *\/\n.custom-contact-page .ccp-hint{\n  font-weight:500;color:var(--ccp-text-muted);font-size:.78rem;margin-left:4px;\n}\n.custom-contact-page .ccp-uploader-input{\n  position:absolute;left:-9999px;width:1px;height:1px;opacity:0;\n}\n.custom-contact-page .ccp-uploader-drop{\n  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;\n  padding:26px 22px;\n  background:var(--ccp-primary-soft);\n  border:2px dashed rgba(61,88,187,.32);\n  border-radius:14px;cursor:pointer;\n  text-align:center;\n  transition:background .2s ease,border-color .2s ease,transform .15s ease;\n}\n.custom-contact-page .ccp-uploader-drop:hover,\n.custom-contact-page .ccp-uploader-input:focus + .ccp-uploader-drop{\n  background:#e3eaff;border-color:var(--ccp-primary);\n}\n.custom-contact-page .ccp-uploader.ccp-uploader-dragover .ccp-uploader-drop{\n  background:#dde6f7;border-color:var(--ccp-primary);\n  transform:scale(1.01);\n}\n.custom-contact-page .ccp-uploader-icon-big{\n  width:36px;height:36px;color:var(--ccp-primary);\n}\n.custom-contact-page .ccp-uploader-title{\n  font-size:.96rem;font-weight:700;color:var(--ccp-text);\n}\n.custom-contact-page .ccp-uploader-hint{\n  font-size:.78rem;color:var(--ccp-text-muted);line-height:1.5;font-weight:500;\n}\n\n\/* \u0421\u043f\u0438\u0441\u043e\u043a \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432 *\/\n.custom-contact-page .ccp-uploader-list{\n  list-style:none;margin:12px 0 0;padding:0;\n  display:flex;flex-direction:column;gap:6px;\n}\n.custom-contact-page .ccp-uploader-item{\n  display:flex;align-items:center;gap:10px;\n  padding:10px 12px;\n  background:#fff;\n  border:1px solid var(--ccp-border);\n  border-radius:10px;\n  font-size:.88rem;\n  animation:ccpFade .25s ease;\n}\n.custom-contact-page .ccp-uploader-item-icon{\n  display:inline-flex;align-items:center;justify-content:center;\n  flex:0 0 32px;width:32px;height:32px;border-radius:8px;\n  background:var(--ccp-primary-soft);color:var(--ccp-primary);\n}\n.custom-contact-page .ccp-uploader-item-icon svg{width:16px;height:16px}\n.custom-contact-page .ccp-uploader-item-name{\n  flex:1;min-width:0;\n  word-break:break-all;font-weight:600;color:var(--ccp-text);\n}\n.custom-contact-page .ccp-uploader-item-size{\n  flex-shrink:0;color:var(--ccp-text-muted);font-size:.78rem;font-weight:500;\n}\n.custom-contact-page .ccp-uploader-remove{\n  flex-shrink:0;\n  display:inline-flex;align-items:center;justify-content:center;\n  width:28px;height:28px;padding:0;\n  background:transparent;border:0;border-radius:8px;cursor:pointer;\n  color:var(--ccp-text-muted);\n  transition:background .15s ease,color .15s ease;\n}\n.custom-contact-page .ccp-uploader-remove svg{width:16px;height:16px}\n.custom-contact-page .ccp-uploader-remove:hover{\n  background:#fef0f0;color:var(--ccp-red);\n}\n\n.custom-contact-page .ccp-uploader-error{\n  margin-top:8px;padding:10px 14px;\n  background:#fef0f0;border:1px solid #fbcaca;border-radius:10px;\n  color:#b3261e;font-size:.85rem;line-height:1.4;\n}\n<\/style>\n\n\n<div class=\"custom-contact-page\">\n  <div class=\"ccp-wrap\">\n\n    <!-- ============ Hero \u043f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a ============ -->\n    <div class=\"ccp-hero\">\n      <span class=\"ccp-hero-eyebrow\">\u0421\u0432\u044f\u0437\u044c \u0441 \u0440\u0435\u0434\u0430\u043a\u0446\u0438\u0435\u0439<\/span>\n      <p class=\"ccp-hero-text\">\u041c\u044b \u0432\u0441\u0435\u0433\u0434\u0430 \u043e\u0442\u043a\u0440\u044b\u0442\u044b \u0434\u043b\u044f \u043d\u043e\u0432\u044b\u0445 \u0442\u0435\u043c, \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0438 \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0430. \u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u043d\u0430\u043c \u2014 \u043f\u043e\u0441\u0442\u0430\u0440\u0430\u0435\u043c\u0441\u044f \u043e\u0442\u0432\u0435\u0442\u0438\u0442\u044c \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 1\u20132 \u0440\u0430\u0431\u043e\u0447\u0438\u0445 \u0434\u043d\u0435\u0439.<\/p>\n    <\/div>\n\n    <!-- ============ 1) \u0424\u041e\u0420\u041c\u0410 (wizard, 3 \u0448\u0430\u0433\u0430) ============ -->\n    <section class=\"ccp-section ccp-form-section\">\n      <h2 class=\"ccp-section-heading\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\n        \u041d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0432 \u0440\u0435\u0434\u0430\u043a\u0446\u0438\u044e\n      <\/h2>\n      <p class=\"ccp-section-sub\">\u0417\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0444\u043e\u0440\u043c\u0443 \u0432 \u0442\u0440\u0438 \u0448\u0430\u0433\u0430 \u2014 \u043c\u044b \u043f\u043e\u043a\u0430\u0436\u0435\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0443\u0436\u043d\u044b\u0435 \u043f\u043e\u043b\u044f \u0438 \u043e\u0442\u0432\u0435\u0442\u0438\u043c \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 1\u20132 \u0440\u0430\u0431\u043e\u0447\u0438\u0445 \u0434\u043d\u0435\u0439.<\/p>\n\n      <form id=\"ccp-wizard\" class=\"ccp-form ccp-wizard\" data-language=\"ru\" data-msg-sending=\"\u041e\u0442\u043f\u0440\u0430\u0432\u043a\u0430\u2026\" data-msg-validation=\"\u0417\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u043e\u043b\u044f \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e\" data-msg-network=\"\u041d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0451 \u0440\u0430\u0437 \u0447\u0435\u0440\u0435\u0437 \u043c\u0438\u043d\u0443\u0442\u0443.\" data-msg-rate=\"\u0421\u043b\u0438\u0448\u043a\u043e\u043c \u043c\u043d\u043e\u0433\u043e \u043f\u043e\u043f\u044b\u0442\u043e\u043a. \u041f\u043e\u0434\u043e\u0436\u0434\u0438\u0442\u0435 \u043c\u0438\u043d\u0443\u0442\u0443 \u0438 \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0441\u043d\u043e\u0432\u0430.\" novalidate=\"\">\n\n        <ol class=\"ccp-stepper\" aria-hidden=\"true\">\n          <li class=\"active\"><span class=\"ccp-step-num\">1<\/span><span>\u0422\u0435\u043c\u0430<\/span><\/li>\n          <li><span class=\"ccp-step-num\">2<\/span><span>\u0414\u0435\u0442\u0430\u043b\u0438<\/span><\/li>\n          <li><span class=\"ccp-step-num\">3<\/span><span>\u0413\u043e\u0442\u043e\u0432\u043e<\/span><\/li>\n        <\/ol>\n\n        <!-- Honeypot \u2014 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0438\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u043d\u0435 \u0432\u0438\u0434\u044f\u0442, \u0431\u043e\u0442\u044b \u0437\u0430\u043f\u043e\u043b\u043d\u044f\u044e\u0442 -->\n        <input class=\"ccp-hp\" type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\"\/>\n        <input type=\"hidden\" name=\"topic\" id=\"ccp-topic-input\"\/>\n        <input type=\"hidden\" name=\"language\" value=\"ru\"\/>\n\n        <!-- ===== \u0428\u0430\u0433 1: \u0442\u0435\u043c\u0430 ===== -->\n        <div class=\"ccp-pane active\" data-pane=\"1\">\n          <p class=\"ccp-pane-intro\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0435\u043c\u0443 \u2014 \u043c\u044b \u043f\u043e\u043a\u0430\u0436\u0435\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0443\u0436\u043d\u044b\u0435 \u043f\u043e\u043b\u044f.<\/p>\n          <div class=\"ccp-topics\">\n            <button type=\"button\" class=\"ccp-topic\" data-topic=\"news\">\n              <span class=\"ccp-topic-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 22h16a2 2 0 002-2V4a2 2 0 00-2-2H8a2 2 0 00-2 2v16a2 2 0 01-2 2zm0 0a2 2 0 01-2-2v-9c0-1.1.9-2 2-2h2\"><\/path><path d=\"M18 14h-8m8-4h-8m4-4h-4\"><\/path><\/svg><\/span>\n              <strong>\u041f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u0442\u044c \u043d\u043e\u0432\u043e\u0441\u0442\u044c<\/strong>\n              <small>\u0418\u043d\u0444\u043e\u043f\u043e\u0432\u043e\u0434, \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b, \u0444\u043e\u0442\u043e<\/small>\n            <\/button>\n            <button type=\"button\" class=\"ccp-topic\" data-topic=\"press\">\n              <span class=\"ccp-topic-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg><\/span>\n              <strong>\u041f\u0440\u0435\u0441\u0441-\u0440\u0435\u043b\u0438\u0437<\/strong>\n              <small>\u041e\u0442 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 \u0438\u043b\u0438 \u0432\u0435\u0434\u043e\u043c\u0441\u0442\u0432\u0430<\/small>\n            <\/button>\n            <button type=\"button\" class=\"ccp-topic\" data-topic=\"advertising\">\n              <span class=\"ccp-topic-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 11l18-5v12L3 14v-3z\"><\/path><path d=\"M11.6 16.8a3 3 0 11-5.8-1.6\"><\/path><\/svg><\/span>\n              <strong>\u0420\u0435\u043a\u043b\u0430\u043c\u0430 \u0438 \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u0441\u0442\u0432\u043e<\/strong>\n              <small>\u041c\u0435\u0434\u0438\u0430-\u043a\u0438\u0442, \u0441\u043f\u0435\u0446\u043f\u0440\u043e\u0435\u043a\u0442\u044b<\/small>\n            <\/button>\n            <button type=\"button\" class=\"ccp-topic\" data-topic=\"expert\">\n              <span class=\"ccp-topic-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20h9\"><\/path><path d=\"M16.5 3.5a2.12 2.12 0 013 3L7 19l-4 1 1-4L16.5 3.5z\"><\/path><\/svg><\/span>\n              <strong>\u0421\u0442\u0430\u0442\u044c \u0430\u0432\u0442\u043e\u0440\u043e\u043c \/ \u044d\u043a\u0441\u043f\u0435\u0440\u0442\u043e\u043c<\/strong>\n              <small>\u041a\u043e\u043b\u043e\u043d\u043a\u0438 \u0438 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438<\/small>\n            <\/button>\n            <button type=\"button\" class=\"ccp-topic\" data-topic=\"correction\">\n              <span class=\"ccp-topic-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z\"><\/path><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg><\/span>\n              <strong>\u0418\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0438\u043b\u0438 \u0436\u0430\u043b\u043e\u0431\u0430<\/strong>\n              <small>\u0423\u043a\u0430\u0437\u0430\u0442\u044c \u043d\u0430 \u043e\u0448\u0438\u0431\u043a\u0443 \u0432 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0435<\/small>\n            <\/button>\n            <button type=\"button\" class=\"ccp-topic\" data-topic=\"general\">\n              <span class=\"ccp-topic-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"><\/path><\/svg><\/span>\n              <strong>\u041e\u0431\u0449\u0438\u0439 \u0432\u043e\u043f\u0440\u043e\u0441<\/strong>\n              <small>\u0421\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u0440\u0435\u0434\u0430\u043a\u0446\u0438\u0435\u0439<\/small>\n            <\/button>\n          <\/div>\n        <\/div>\n\n        <!-- ===== \u0428\u0430\u0433 2: \u0434\u0435\u0442\u0430\u043b\u0438 ===== -->\n        <div class=\"ccp-pane\" data-pane=\"2\">\n          <button type=\"button\" class=\"ccp-back\" data-go=\"1\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"14\" height=\"14\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\n            <span>\u041d\u0430\u0437\u0430\u0434 \u043a \u0432\u044b\u0431\u043e\u0440\u0443 \u0442\u0435\u043c\u044b<\/span>\n          <\/button>\n          <div class=\"ccp-chosen\">\u0422\u0435\u043c\u0430: <strong id=\"ccp-chosen-label\">\u2014<\/strong><\/div>\n\n          <div class=\"ccp-row-2\">\n            <div class=\"ccp-field\" data-always=\"\">\n              <label for=\"ccp-name\">\u0412\u0430\u0448\u0435 \u0438\u043c\u044f <span class=\"ccp-req\">*<\/span><\/label>\n              <input id=\"ccp-name\" name=\"name\" type=\"text\" autocomplete=\"name\" required=\"\"\/>\n            <\/div>\n            <div class=\"ccp-field\" data-always=\"\">\n              <label for=\"ccp-email\">E-mail <span class=\"ccp-req\">*<\/span><\/label>\n              <input id=\"ccp-email\" name=\"email\" type=\"email\" placeholder=\"you@example.com\" autocomplete=\"email\" required=\"\"\/>\n            <\/div>\n          <\/div>\n\n          <div class=\"ccp-row-2\">\n            <div class=\"ccp-field\" data-show-for=\"press advertising expert\">\n              <label for=\"ccp-org\">\u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f <span class=\"ccp-req ccp-req-when\" data-req-for=\"press advertising\">*<\/span><\/label>\n              <input id=\"ccp-org\" name=\"organization\" type=\"text\" autocomplete=\"organization\"\/>\n            <\/div>\n            <div class=\"ccp-field\" data-show-for=\"advertising expert\">\n              <label for=\"ccp-phone\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d <span class=\"ccp-req ccp-req-when\" data-req-for=\"advertising\">*<\/span><\/label>\n              <input id=\"ccp-phone\" name=\"phone\" type=\"tel\" placeholder=\"87055822147\" autocomplete=\"tel\"\/>\n            <\/div>\n          <\/div>\n\n          <div class=\"ccp-field\" data-show-for=\"news press correction expert\">\n            <label for=\"ccp-url\">\u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b <span class=\"ccp-req ccp-req-when\" data-req-for=\"correction\">*<\/span><\/label>\n            <input id=\"ccp-url\" name=\"url\" type=\"url\" placeholder=\"https:\/\/...\"\/>\n          <\/div>\n\n          <div class=\"ccp-field\" data-show-for=\"expert\">\n            <label for=\"ccp-expertise\">\u0421\u0444\u0435\u0440\u0430 \u044d\u043a\u0441\u043f\u0435\u0440\u0442\u0438\u0437\u044b <span class=\"ccp-req\">*<\/span><\/label>\n            <input id=\"ccp-expertise\" name=\"expertise\" type=\"text\" placeholder=\"\u0418\u0418, \u043a\u0438\u0431\u0435\u0440\u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c, \u0444\u0438\u043d\u0442\u0435\u0445\u2026\"\/>\n          <\/div>\n\n          <div class=\"ccp-field\" data-always=\"\">\n            <label for=\"ccp-message\"><span data-label-for=\"general\">\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435<\/span><span data-label-for=\"news press\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e\u0431 \u0438\u043d\u0444\u043e\u043f\u043e\u0432\u043e\u0434\u0435<\/span><span data-label-for=\"advertising\">\u0427\u0442\u043e \u0445\u043e\u0442\u0438\u0442\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u0442\u044c?<\/span><span data-label-for=\"expert\">\u0420\u0430\u0441\u0441\u043a\u0430\u0436\u0438\u0442\u0435 \u043e \u0441\u0435\u0431\u0435<\/span><span data-label-for=\"correction\">\u041e\u043f\u0438\u0448\u0438\u0442\u0435 \u043e\u0448\u0438\u0431\u043a\u0443<\/span> <span class=\"ccp-req\">*<\/span><\/label>\n            <textarea id=\"ccp-message\" name=\"message\" placeholder=\"\u041e\u043f\u0438\u0448\u0438\u0442\u0435 \u0432\u0430\u0448 \u0437\u0430\u043f\u0440\u043e\u0441 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u2026\" required=\"\"><\/textarea>\n          <\/div>\n\n          <!-- \u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432 -->\n          <div class=\"ccp-field ccp-uploader\" data-show-for=\"news press expert correction advertising\">\n            <label for=\"ccp-files\">\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u0438 \u0444\u0430\u0439\u043b\u044b <span class=\"ccp-hint\">(\u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e)<\/span><\/label>\n            <input id=\"ccp-files\" name=\"files[]\" type=\"file\" multiple=\"multiple\" accept=\".pdf,.doc,.docx,.rtf,.txt,.jpg,.jpeg,.png,.gif,.webp,.zip\" class=\"ccp-uploader-input\"\/>\n            <label for=\"ccp-files\" class=\"ccp-uploader-drop\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"ccp-uploader-icon-big\"><path d=\"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4\"><\/path><polyline points=\"17 8 12 3 7 8\"><\/polyline><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"><\/line><\/svg>\n              <strong class=\"ccp-uploader-title\">\u041f\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0444\u0430\u0439\u043b\u044b \u0441\u044e\u0434\u0430 \u0438\u043b\u0438 \u043d\u0430\u0436\u043c\u0438\u0442\u0435, \u0447\u0442\u043e\u0431\u044b \u0432\u044b\u0431\u0440\u0430\u0442\u044c<\/strong>\n              <small class=\"ccp-uploader-hint\">\u0414\u043e 5 \u0444\u0430\u0439\u043b\u043e\u0432 \u00b7 \u043c\u0430\u043a\u0441\u0438\u043c\u0443\u043c 10 MB \u043d\u0430 \u0444\u0430\u0439\u043b \u00b7 15 MB \u0441\u0443\u043c\u043c\u0430\u0440\u043d\u043e<br\/>PDF, DOC, DOCX, RTF, TXT, JPG, PNG, GIF, WEBP, ZIP<\/small>\n            <\/label>\n            <ul class=\"ccp-uploader-list\" hidden=\"\"><\/ul>\n            <div class=\"ccp-uploader-error\" hidden=\"\"><\/div>\n          <\/div>\n\n          <label class=\"ccp-consent\">\n            <input type=\"checkbox\" name=\"consent\" required=\"\"\/>\n            <span>\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d(-\u043d\u0430) \u0441 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 <a href=\"\/privacy\/\" target=\"_blank\" rel=\"noopener\">\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/a>.<\/span>\n          <\/label>\n\n          <div class=\"ccp-actions\">\n            <button type=\"submit\" class=\"ccp-submit\">\n              <span class=\"ccp-submit-label\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435<\/span>\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n            <\/button>\n          <\/div>\n\n          <div class=\"ccp-form-error\" role=\"alert\" hidden=\"\"><\/div>\n        <\/div>\n\n        <!-- ===== \u0428\u0430\u0433 3: \u0443\u0441\u043f\u0435\u0445 ===== -->\n        <div class=\"ccp-pane\" data-pane=\"3\">\n          <div class=\"ccp-success\">\n            <div class=\"ccp-success-icon\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            <\/div>\n            <h3>\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e<\/h3>\n            <p>\u041c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u0432\u0430\u0448 \u0437\u0430\u043f\u0440\u043e\u0441 \u0438 \u043e\u0442\u0432\u0435\u0442\u0438\u043c \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 1\u20132 \u0440\u0430\u0431\u043e\u0447\u0438\u0445 \u0434\u043d\u0435\u0439 \u043d\u0430 \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u0443\u044e \u043f\u043e\u0447\u0442\u0443.<\/p>\n            <button type=\"button\" class=\"ccp-secondary\" data-action=\"reset\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0435\u0449\u0451 \u043e\u0434\u043d\u043e<\/button>\n          <\/div>\n        <\/div>\n\n      <\/form>\n    <\/section>\n\n    <!-- ============ 2) \u041a\u041e\u041d\u0422\u0410\u041a\u0422\u042b ============ -->\n    <section class=\"ccp-section ccp-contacts-section\">\n      <h2 class=\"ccp-section-heading\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n        \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435\n      <\/h2>\n      <p class=\"ccp-section-sub\">\u041f\u0440\u044f\u043c\u0430\u044f \u0441\u0432\u044f\u0437\u044c \u0441 \u0440\u0435\u0434\u0430\u043a\u0446\u0438\u0435\u0439 Cifrum.kz.<\/p>\n\n      <div class=\"ccp-contacts-grid\">\n        <a class=\"ccp-contact-row\" href=\"tel:87055822147\">\n          <span class=\"ccp-contact-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg><\/span>\n          <span class=\"ccp-contact-meta\"><small>\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/small><strong>87055822147<\/strong><\/span>\n        <\/a>\n        <a class=\"ccp-contact-row\" href=\"mailto:info@cifrum.kz\">\n          <span class=\"ccp-contact-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg><\/span>\n          <span class=\"ccp-contact-meta\"><small>E-mail<\/small><strong>info@cifrum.kz<\/strong><\/span>\n        <\/a>\n      <\/div>\n\n      <div class=\"ccp-address\">\n        <span class=\"ccp-address-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg><\/span>\n        <span>071400, \u0420\u0435\u0441\u043f\u0443\u0431\u043b\u0438\u043a\u0430 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d, \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u0410\u0431\u0430\u0439,<br\/>\u0433. \u0421\u0435\u043c\u0435\u0439, \u0443\u043b. \u041a\u0430\u0431\u0430\u043d\u0431\u0430\u0439 \u0431\u0430\u0442\u044b\u0440\u0430, 26, \u043e\u0444\u0438\u0441 227<\/span>\n      <\/div>\n\n      <span class=\"ccp-sub-label\">\u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435<\/span>\n      <div class=\"ccp-credentials\">\n        <div class=\"ccp-credential\"><span class=\"ccp-credential-dot\"><\/span><span><strong>\u0421\u0435\u0442\u0435\u0432\u043e\u0435 \u0438\u0437\u0434\u0430\u043d\u0438\u0435 \u00ab\u0426\u0438\u0444\u0440\u043e\u0432\u043e\u0439 RUM\u00bb<\/strong> (cifrum.kz)<\/span><\/div>\n        <div class=\"ccp-credential\"><span class=\"ccp-credential-dot\"><\/span><span><strong>\u0421\u0432\u0438\u0434\u0435\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u043e \u2116 KZ77VPY00125034<\/strong> \u00b7 24 \u0438\u044e\u043b\u044f 2025 \u0433., \u0433. \u0410\u0441\u0442\u0430\u043d\u0430<\/span><\/div>\n        <div class=\"ccp-credential\"><span class=\"ccp-credential-dot\"><\/span><span><strong>\u0420\u0435\u0434\u0430\u043a\u0446\u0438\u044f:<\/strong> Cifrum.kz<\/span><\/div>\n      <\/div>\n\n      <span class=\"ccp-sub-label\">\u041c\u044b \u0432 \u0441\u043e\u0446\u0441\u0435\u0442\u044f\u0445<\/span>\n      <div class=\"ccp-socials\">\n        <a class=\"ccp-social\" href=\"https:\/\/t.me\/cifrumkz\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <svg viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9.78 17.93l.4-3.85 7.06-6.38c.32-.28-.07-.41-.49-.16L6.84 14.7l-3.78-1.2c-.82-.25-.82-.81.18-1.21L19.32 6.1c.69-.31 1.34.17 1.07 1.21l-2.78 13.1c-.19.88-.71 1.1-1.45.69l-3.92-2.9-1.89 1.83c-.22.22-.4.4-.79.4z\"><\/path><\/svg>\n          <span>Telegram<\/span>\n        <\/a>\n        <a class=\"ccp-social\" href=\"https:\/\/wa.me\/77055822147\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <svg viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20.5 3.5A11 11 0 003.6 17.9L2 22l4.2-1.4A11 11 0 1020.5 3.5zM12 20a8.9 8.9 0 01-4.6-1.3l-.3-.2-2.5.9.9-2.5-.2-.3A8.9 8.9 0 1112 20zm5.1-6.6c-.3-.1-1.6-.8-1.9-.9-.3-.1-.4-.1-.6.1-.2.3-.7.9-.8 1-.1.2-.3.2-.6.1-.3-.1-1.2-.4-2.3-1.4-.9-.8-1.4-1.7-1.6-2-.2-.3 0-.4.1-.5.1-.1.3-.3.4-.5.1-.2.2-.3.3-.5 0-.2 0-.4-.1-.5l-.7-1.7c-.2-.4-.4-.4-.6-.4h-.5c-.2 0-.5.1-.7.3-.3.3-1 1-1 2.5s1 2.9 1.2 3.1c.1.2 2.1 3.2 5.1 4.5.7.3 1.3.5 1.7.6.7.2 1.3.2 1.8.1.6-.1 1.6-.7 1.8-1.3.2-.6.2-1.2.2-1.3-.1-.2-.3-.3-.6-.4z\"><\/path><\/svg>\n          <span>WhatsApp<\/span>\n        <\/a>\n        <a class=\"ccp-social\" href=\"https:\/\/www.instagram.com\/cifrum.kz\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"><\/rect><path d=\"M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z\"><\/path><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line><\/svg>\n          <span>Instagram<\/span>\n        <\/a>\n        <a class=\"ccp-social\" href=\"https:\/\/www.facebook.com\/cifrumkz\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <svg viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22 12a10 10 0 10-11.6 9.9V15h-2.4v-3h2.4V9.8c0-2.4 1.4-3.8 3.7-3.8.7 0 1.5.1 2.1.2v2.4h-1.2c-1.2 0-1.5.7-1.5 1.5V12h2.6l-.4 3h-2.2v6.9A10 10 0 0022 12z\"><\/path><\/svg>\n          <span>Facebook<\/span>\n        <\/a>\n        <a class=\"ccp-social\" href=\"https:\/\/x.com\/CifrumKz\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <svg viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.9 3H22l-7.3 8.4L23 21h-6.8l-5.3-6.8L4.7 21H1.6l7.8-8.9L1 3h6.9l4.8 6.2L18.9 3zm-2.4 16h1.7L7.6 5H5.8l10.7 14z\"><\/path><\/svg>\n          <span>X<\/span>\n        <\/a>\n        <a class=\"ccp-social\" href=\"https:\/\/vk.com\/cifrumkz\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <svg viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12.785 16.241s.288-.032.435-.193c.135-.147.131-.422.131-.422s-.018-1.301.582-1.494c.592-.19 1.351 1.262 2.157 1.821.609.422 1.072.33 1.072.33l2.153-.031s1.126-.071.591-.964c-.044-.073-.312-.661-1.609-1.873-1.358-1.271-1.175-1.065.46-3.255 1-1.34 1.398-2.158 1.273-2.508-.117-.335-.85-.244-.85-.244l-2.434.015s-.181-.024-.314.058c-.131.078-.215.265-.215.265s-.385 1.043-.899 1.929c-1.085 1.871-1.518 1.971-1.696 1.853-.413-.274-.31-1.085-.31-1.661 0-1.8.267-2.546-.522-2.745-.262-.066-.456-.111-1.124-.118-.857-.009-1.583.003-1.994.21-.273.139-.484.448-.355.466.159.023.519.101.71.367.246.343.237 1.117.237 1.117s.142 2.114-.331 2.376c-.324.18-.769-.187-1.737-1.886-.495-.871-.869-1.834-.869-1.834s-.073-.183-.202-.281c-.156-.118-.376-.156-.376-.156l-2.314.015s-.348.01-.476.164c-.114.135-.009.418-.009.418s1.812 4.282 3.864 6.44c1.881 1.978 4.018 1.848 4.018 1.848z\"><\/path><\/svg>\n          <span>VK<\/span>\n        <\/a>\n      <\/div>\n    <\/section>\n\n    <!-- ============ 3) FAQ ============ -->\n    <section class=\"ccp-section\">\n      <h2 class=\"ccp-section-heading\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3\"><\/path><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg>\n        \u0427\u0430\u0441\u0442\u044b\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b\n      <\/h2>\n      <p class=\"ccp-section-sub\">\u041e\u0442\u0432\u0435\u0442\u044b \u043d\u0430 \u0442\u0438\u043f\u043e\u0432\u044b\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u2014 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0432\u0430\u0448 \u0443\u0436\u0435 \u0437\u0434\u0435\u0441\u044c.<\/p>\n\n      <div class=\"ccp-faq\">\n        <details class=\"ccp-faq-item\">\n          <summary><span class=\"ccp-faq-marker\">+<\/span><span class=\"ccp-faq-q\">\u041a\u0430\u043a \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u0442\u044c \u043d\u043e\u0432\u043e\u0441\u0442\u044c \u0438\u043b\u0438 \u044d\u043a\u0441\u043f\u0435\u0440\u0442\u043d\u044b\u0439 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b?<\/span><\/summary>\n          <div class=\"ccp-faq-a\">\u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u043d\u0430\u043c \u0447\u0435\u0440\u0435\u0437 \u0444\u043e\u0440\u043c\u0443 \u0432\u044b\u0448\u0435, \u0432\u044b\u0431\u0440\u0430\u0432 \u0442\u0435\u043c\u0443 \u00ab\u041f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u0442\u044c \u043d\u043e\u0432\u043e\u0441\u0442\u044c\u00bb, \u0438\u043b\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u044c\u0442\u0435 \u043f\u0438\u0441\u044c\u043c\u043e \u043d\u0430 <a href=\"mailto:info@cifrum.kz\" style=\"color:var(--ccp-primary)\">info@cifrum.kz<\/a>. \u041f\u0440\u0438\u043b\u043e\u0436\u0438\u0442\u0435 \u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 \u043f\u0440\u0435\u0441\u0441-\u0440\u0435\u043b\u0438\u0437, \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u0438\u043b\u0438 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b. \u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0432\u044f\u0436\u0435\u0442\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 1\u20132 \u0440\u0430\u0431\u043e\u0447\u0438\u0445 \u0434\u043d\u0435\u0439.<\/div>\n        <\/details>\n\n        <details class=\"ccp-faq-item\">\n          <summary><span class=\"ccp-faq-marker\">+<\/span><span class=\"ccp-faq-q\">\u041a\u0430\u043a \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u0443 \u0438\u043b\u0438 \u0441\u0442\u0430\u0442\u044c \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u043e\u043c?<\/span><\/summary>\n          <div class=\"ccp-faq-a\">\u0414\u043b\u044f \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0445 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0435\u043c\u0443 \u00ab\u0420\u0435\u043a\u043b\u0430\u043c\u0430 \u0438 \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u0441\u0442\u0432\u043e\u00bb \u0432 \u0444\u043e\u0440\u043c\u0435. \u041c\u044b \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0438\u043c \u043c\u0435\u0434\u0438\u0430-\u043a\u0438\u0442, \u0440\u0430\u0441\u0446\u0435\u043d\u043a\u0438 \u043d\u0430 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u0438, \u0431\u0430\u043d\u043d\u0435\u0440\u044b \u0438 \u0441\u043f\u0435\u0446\u043f\u0440\u043e\u0435\u043a\u0442\u044b. \u041f\u043e \u0441\u0440\u043e\u0447\u043d\u044b\u043c \u0432\u043e\u043f\u0440\u043e\u0441\u0430\u043c \u043f\u0438\u0448\u0438\u0442\u0435 \u043d\u0430 <a href=\"mailto:info@cifrum.kz\" style=\"color:var(--ccp-primary)\">info@cifrum.kz<\/a>.<\/div>\n        <\/details>\n\n        <details class=\"ccp-faq-item\">\n          <summary><span class=\"ccp-faq-marker\">+<\/span><span class=\"ccp-faq-q\">\u041a\u0430\u043a \u0441\u0442\u0430\u0442\u044c \u0430\u0432\u0442\u043e\u0440\u043e\u043c \u0438\u043b\u0438 \u043a\u043e\u043b\u0443\u043c\u043d\u0438\u0441\u0442\u043e\u043c Cifrum?<\/span><\/summary>\n          <div class=\"ccp-faq-a\">\u041c\u044b \u043f\u0440\u0438\u0433\u043b\u0430\u0448\u0430\u0435\u043c \u044d\u043a\u0441\u043f\u0435\u0440\u0442\u043e\u0432 \u0432 IT, \u0418\u0418, \u043a\u0438\u0431\u0435\u0440\u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438, \u0446\u0438\u0444\u0440\u043e\u0432\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u0441\u0442\u0430\u0440\u0442\u0430\u043f\u0430\u0445. \u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0432 \u0444\u043e\u0440\u043c\u0435 \u00ab\u0421\u0442\u0430\u0442\u044c \u0430\u0432\u0442\u043e\u0440\u043e\u043c \/ \u044d\u043a\u0441\u043f\u0435\u0440\u0442\u043e\u043c\u00bb, \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0438\u0442\u0435 \u043e \u0441\u0435\u0431\u0435, \u0441\u0444\u0435\u0440\u0435 \u044d\u043a\u0441\u043f\u0435\u0440\u0442\u0438\u0437\u044b \u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0438\u0442\u0435 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u0439. \u0420\u0435\u0434\u0430\u043a\u0446\u0438\u044f \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u0442 \u0437\u0430\u044f\u0432\u043a\u0438 \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u043e.<\/div>\n        <\/details>\n\n        <details class=\"ccp-faq-item\">\n          <summary><span class=\"ccp-faq-marker\">+<\/span><span class=\"ccp-faq-q\">\u041d\u0430\u0448\u043b\u0438 \u043d\u0435\u0442\u043e\u0447\u043d\u043e\u0441\u0442\u044c \u0438\u043b\u0438 \u0445\u043e\u0442\u0438\u0442\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u0438\u0442\u044c \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435?<\/span><\/summary>\n          <div class=\"ccp-faq-a\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0435\u043c\u0443 \u00ab\u0418\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0438\u043b\u0438 \u0436\u0430\u043b\u043e\u0431\u0430\u00bb, \u0443\u043a\u0430\u0436\u0438\u0442\u0435 \u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u0438 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043d\u0435\u0442\u043e\u0447\u043d\u043e\u0441\u0442\u0438 \u0441 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u044e\u0449\u0438\u043c\u0438 \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u0430\u043c\u0438. \u0420\u0435\u0434\u0430\u043a\u0446\u0438\u044f \u043e\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442 \u0434\u0430\u043d\u043d\u044b\u0435 \u0438 \u0432\u043d\u0435\u0441\u0451\u0442 \u043f\u0440\u0430\u0432\u043a\u0443 \u0441 \u043f\u043e\u043c\u0435\u0442\u043a\u043e\u0439 \u043e \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438.<\/div>\n        <\/details>\n\n        <details class=\"ccp-faq-item\">\n          <summary><span class=\"ccp-faq-marker\">+<\/span><span class=\"ccp-faq-q\">\u041a\u043e\u0433\u0434\u0430 \u0432\u044b \u043e\u0442\u0432\u0435\u0442\u0438\u0442\u0435 \u043d\u0430 \u043c\u043e\u0451 \u043f\u0438\u0441\u044c\u043c\u043e?<\/span><\/summary>\n          <div class=\"ccp-faq-a\">\u041e\u0431\u044b\u0447\u043d\u043e \u2014 \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 1\u20132 \u0440\u0430\u0431\u043e\u0447\u0438\u0445 \u0434\u043d\u0435\u0439. \u041f\u043e \u0441\u0440\u043e\u0447\u043d\u044b\u043c \u043d\u043e\u0432\u043e\u0441\u0442\u043d\u044b\u043c \u043f\u043e\u0432\u043e\u0434\u0430\u043c \u0441\u0442\u0430\u0440\u0430\u0435\u043c\u0441\u044f \u043e\u0442\u0432\u0435\u0442\u0438\u0442\u044c \u0431\u044b\u0441\u0442\u0440\u0435\u0435. \u0412 \u0432\u044b\u0445\u043e\u0434\u043d\u044b\u0435 \u0438 \u043f\u0440\u0430\u0437\u0434\u043d\u0438\u0447\u043d\u044b\u0435 \u0434\u043d\u0438 \u0432\u0440\u0435\u043c\u044f \u043e\u0442\u0432\u0435\u0442\u0430 \u043c\u043e\u0436\u0435\u0442 \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0432\u0430\u0442\u044c\u0441\u044f.<\/div>\n        <\/details>\n\n        <details class=\"ccp-faq-item\">\n          <summary><span class=\"ccp-faq-marker\">+<\/span><span class=\"ccp-faq-q\">\u041a\u0430\u043a \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b Cifrum?<\/span><\/summary>\n          <div class=\"ccp-faq-a\">\u041f\u043e\u0434 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0451\u0439 \u0435\u0441\u0442\u044c \u0444\u043e\u0440\u043c\u0430 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0435\u0432. \u041f\u0435\u0440\u0432\u044b\u0439 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442 \u043c\u043e\u0434\u0435\u0440\u0430\u0446\u0438\u044e \u0440\u0435\u0434\u0430\u043a\u0446\u0438\u0438. \u0417\u0430\u043f\u0440\u0435\u0449\u0435\u043d\u044b \u043e\u0441\u043a\u043e\u0440\u0431\u043b\u0435\u043d\u0438\u044f, \u0441\u043f\u0430\u043c \u0438 \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u044f \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0442\u0440\u0435\u0442\u044c\u0438\u0445 \u043b\u0438\u0446.<\/div>\n        <\/details>\n      <\/div>\n    <\/section>\n\n    <!-- ============ 4) \u041a\u0410\u0420\u0422\u0410 ============ -->\n    <section class=\"ccp-section\" style=\"padding:8px\">\n      <div class=\"ccp-map-frame\">\n        <div class=\"ccp-map-placeholder\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n          <span>\u0417\u0434\u0435\u0441\u044c \u0431\u0443\u0434\u0435\u0442 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0430 \u0421\u0435\u043c\u0435\u044f<\/span>\n        <\/div>\n      <\/div>\n    <\/section>\n\n  <\/div>\n<\/div>\n\n<script>\n\/* ===========================================================\n   Cifrum.kz \u2014 wizard \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u043e\u0439 \u0444\u043e\u0440\u043c\u044b.\n   \u0421\u0430\u043c\u043e\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u044b\u0439 inline-\u0441\u043a\u0440\u0438\u043f\u0442.  \u041d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 jQuery, \u043d\u0435\n   \u0441\u043e\u0437\u0434\u0430\u0451\u0442 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445.  \u041d\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u0442\u0435\u043c\u044b.\n   =========================================================== *\/\n(function(){\n  var form = document.getElementById('ccp-wizard');\n  if(!form) return;\n\n  var panes        = form.querySelectorAll('.ccp-pane');\n  var stepperItems = form.querySelectorAll('.ccp-stepper > li');\n  var topicInput   = form.querySelector('#ccp-topic-input');\n  var chosenLabel  = form.querySelector('#ccp-chosen-label');\n  var topicButtons = form.querySelectorAll('.ccp-topic');\n  var conditional  = form.querySelectorAll('[data-show-for]');\n  var reqWhen      = form.querySelectorAll('.ccp-req-when');\n  var labelFor     = form.querySelectorAll('[data-label-for]');\n  var formError    = form.querySelector('.ccp-form-error');\n  var submitBtn    = form.querySelector('.ccp-submit');\n  var submitLabel  = form.querySelector('.ccp-submit-label');\n  var submitLabelText = submitLabel ? submitLabel.textContent : '';\n\n  \/* ----- Uploader (\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0444\u0430\u0439\u043b\u043e\u0432) ----- *\/\n  var uploader       = form.querySelector('.ccp-uploader');\n  var fileInput      = form.querySelector('#ccp-files');\n  var fileListEl     = form.querySelector('.ccp-uploader-list');\n  var uploaderDrop   = form.querySelector('.ccp-uploader-drop');\n  var uploaderError  = form.querySelector('.ccp-uploader-error');\n  var MAX_FILES      = 5;\n  var MAX_SIZE       = 10 * 1024 * 1024;  \/\/ 10 MB \u043d\u0430 \u0444\u0430\u0439\u043b\n  var MAX_TOTAL      = 15 * 1024 * 1024;  \/\/ 15 MB \u0432\u0441\u0435\u0433\u043e\n  var ALLOWED        = \/.(pdf|docx?|rtf|txt|jpe?g|png|gif|webp|zip)$\/i;\n  var selectedFiles  = [];  \/\/ \u043c\u0430\u0441\u0441\u0438\u0432 File-\u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432\n\n  function fmtSize(b){\n    if(b < 1024) return b + ' B';\n    if(b < 1024*1024) return Math.round(b\/1024) + ' KB';\n    return (b\/(1024*1024)).toFixed(1) + ' MB';\n  }\n  function showUploaderError(msg){\n    if(!uploaderError) return;\n    if(!msg){ uploaderError.hidden = true; uploaderError.textContent = ''; return; }\n    uploaderError.textContent = msg;\n    uploaderError.hidden = false;\n  }\n  function renderFileList(){\n    if(!fileListEl) return;\n    fileListEl.innerHTML = '';\n    if(selectedFiles.length === 0){ fileListEl.hidden = true; return; }\n    fileListEl.hidden = false;\n    selectedFiles.forEach(function(f, idx){\n      var li = document.createElement('li');\n      li.className = 'ccp-uploader-item';\n      li.innerHTML =\n        '<span class=\"ccp-uploader-item-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/>' +\n        '<span class=\"ccp-uploader-item-name\">' +\n        '<span class=\"ccp-uploader-item-size\">' +\n        '<button type=\"button\" class=\"ccp-uploader-remove\" aria-label=\"\u0423\u0434\u0430\u043b\u0438\u0442\u044c \u0444\u0430\u0439\u043b\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/>';\n      li.querySelector('.ccp-uploader-item-name').textContent = f.name;\n      li.querySelector('.ccp-uploader-item-size').textContent = fmtSize(f.size);\n      li.querySelector('.ccp-uploader-remove').addEventListener('click', function(){\n        selectedFiles.splice(idx, 1);\n        renderFileList();\n      });\n      fileListEl.appendChild(li);\n    });\n  }\n  function addFiles(list){\n    showUploaderError('');\n    var added = 0, skippedExt = 0, skippedSize = 0, skippedTotal = 0;\n    Array.prototype.forEach.call(list, function(f){\n      if(selectedFiles.length >= MAX_FILES) return;\n      if(!ALLOWED.test(f.name)){ skippedExt++; return; }\n      if(f.size > MAX_SIZE){ skippedSize++; return; }\n      var totalSize = selectedFiles.reduce(function(s,x){return s+x.size}, 0) + f.size;\n      if(totalSize > MAX_TOTAL){ skippedTotal++; return; }\n      selectedFiles.push(f);\n      added++;\n    });\n    if(skippedExt)   showUploaderError('\u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0444\u0430\u0439\u043b\u044b \u043f\u0440\u043e\u043f\u0443\u0449\u0435\u043d\u044b: \u043d\u0435\u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c\u044b\u0439 \u0444\u043e\u0440\u043c\u0430\u0442.');\n    if(skippedSize)  showUploaderError('\u0424\u0430\u0439\u043b \u0431\u043e\u043b\u044c\u0448\u0435 10 MB \u043f\u0440\u043e\u043f\u0443\u0449\u0435\u043d.');\n    if(skippedTotal) showUploaderError('\u041f\u0440\u0435\u0432\u044b\u0448\u0435\u043d \u0441\u0443\u043c\u043c\u0430\u0440\u043d\u044b\u0439 \u043b\u0438\u043c\u0438\u0442 15 MB.');\n    renderFileList();\n  }\n  if(fileInput){\n    fileInput.addEventListener('change', function(){\n      addFiles(fileInput.files);\n      fileInput.value = '';  \/\/ \u0434\u0430\u0451\u043c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u0442\u043e\u0442 \u0436\u0435 \u0444\u0430\u0439\u043b\n    });\n  }\n  if(uploaderDrop){\n    ['dragenter','dragover'].forEach(function(ev){\n      uploaderDrop.addEventListener(ev, function(e){\n        e.preventDefault(); e.stopPropagation();\n        uploader && uploader.classList.add('ccp-uploader-dragover');\n      });\n    });\n    ['dragleave','drop'].forEach(function(ev){\n      uploaderDrop.addEventListener(ev, function(e){\n        e.preventDefault(); e.stopPropagation();\n        uploader && uploader.classList.remove('ccp-uploader-dragover');\n      });\n    });\n    uploaderDrop.addEventListener('drop', function(e){\n      if(e.dataTransfer && e.dataTransfer.files){\n        addFiles(e.dataTransfer.files);\n      }\n    });\n  }\n\n  function goToStep(n){\n    panes.forEach(function(p){\n      p.classList.toggle('active', p.getAttribute('data-pane') === String(n));\n    });\n    stepperItems.forEach(function(s,i){\n      s.classList.toggle('active', i+1 === n);\n      s.classList.toggle('done',   i+1 <  n);\n    });\n    \/\/ \u043c\u044f\u0433\u043a\u0438\u0439 \u0441\u043a\u0440\u043e\u043b\u043b \u043a \u043d\u0430\u0447\u0430\u043b\u0443 \u0444\u043e\u0440\u043c\u044b (\u043d\u043e \u043d\u0435 \u0435\u0441\u043b\u0438 \u0443\u0436\u0435 \u0432\u0438\u0434\u043d\u043e)\n    var rect = form.getBoundingClientRect();\n    if(rect.top < 0 || rect.top > window.innerHeight * 0.4){\n      form.scrollIntoView({behavior:'smooth', block:'start'});\n    }\n  }\n\n  function applyTopic(topic, labelText){\n    topicInput.value = topic;\n    chosenLabel.textContent = labelText;\n\n    \/\/ \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c\/\u0441\u043a\u0440\u044b\u0442\u044c \u0443\u0441\u043b\u043e\u0432\u043d\u044b\u0435 \u043f\u043e\u043b\u044f\n    conditional.forEach(function(el){\n      var list = (el.getAttribute('data-show-for') || '').split(\/s+\/);\n      var visible = list.indexOf(topic) !== -1;\n      el.style.display = visible ? '' : 'none';\n      \/\/ \u043e\u0442\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u0441\u043a\u0440\u044b\u0442\u044b\u0435 input\/textarea \u2014 \u0438\u043d\u0430\u0447\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0438\u0445 required\n      var fields = el.querySelectorAll('input,textarea,select');\n      fields.forEach(function(f){\n        f.disabled = !visible;\n        \/\/ \u0441\u043d\u0438\u043c\u0430\u0435\u043c required \u0441\u043e \u0441\u043a\u0440\u044b\u0442\u044b\u0445 \u043f\u043e\u043b\u0435\u0439 \u0447\u0442\u043e\u0431\u044b submit \u043d\u0435 \u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u0430\u043b\u0441\u044f\n        if(!visible) f.removeAttribute('required');\n      });\n    });\n\n    \/\/ \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c\/\u0441\u043a\u0440\u044b\u0442\u044c \u0437\u0432\u0451\u0437\u0434\u043e\u0447\u043a\u0438 \u0432 \u0443\u0441\u043b\u043e\u0432\u043d\u043e-\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043f\u043e\u043b\u044f\u0445\n    reqWhen.forEach(function(star){\n      var topics = (star.getAttribute('data-req-for') || '').split(\/s+\/);\n      var required = topics.indexOf(topic) !== -1;\n      star.style.display = required ? '' : 'none';\n      \/\/ \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u043c required \u043d\u0430 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0435 \u043f\u043e\u043b\u0435\n      var field = star.closest('.ccp-field');\n      if(field){\n        var input = field.querySelector('input,textarea,select');\n        if(input){\n          if(required) input.setAttribute('required','required');\n          else input.removeAttribute('required');\n        }\n      }\n    });\n\n    \/\/ \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043b\u0435\u0439\u0431\u043b\u043e\u0432 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f\n    labelFor.forEach(function(span){\n      var topics = (span.getAttribute('data-label-for') || '').split(\/s+\/);\n      span.style.display = topics.indexOf(topic) !== -1 ? '' : 'none';\n    });\n  }\n\n  \/\/ Step 1 \u2192 Step 2\n  topicButtons.forEach(function(btn){\n    btn.addEventListener('click', function(){\n      var topic = btn.getAttribute('data-topic');\n      var label = btn.querySelector('strong').textContent;\n      applyTopic(topic, label);\n      goToStep(2);\n    });\n  });\n\n  \/\/ \u041a\u043d\u043e\u043f\u043a\u0438 \u00ab\u043d\u0430\u0437\u0430\u0434\u00bb\n  form.querySelectorAll('[data-go]').forEach(function(b){\n    b.addEventListener('click', function(){\n      goToStep(parseInt(b.getAttribute('data-go'), 10));\n    });\n  });\n\n  \/\/ Reset \u0438\u0437 success-\u044d\u043a\u0440\u0430\u043d\u0430\n  form.querySelectorAll('[data-action=\"reset\"]').forEach(function(b){\n    b.addEventListener('click', function(){\n      form.reset();\n      topicInput.value = '';\n      selectedFiles = [];\n      renderFileList();\n      showUploaderError('');\n      if(formError){ formError.hidden = true; formError.textContent = ''; }\n      conditional.forEach(function(el){\n        el.style.display = '';\n        el.querySelectorAll('input,textarea,select').forEach(function(f){f.disabled=false});\n      });\n      goToStep(1);\n    });\n  });\n\n  \/\/ Submit\n  form.addEventListener('submit', function(e){\n    e.preventDefault();\n    if(formError){ formError.hidden = true; formError.textContent = ''; }\n\n    \/\/ \u041f\u0440\u043e\u0441\u0442\u0430\u044f \u043a\u043b\u0438\u0435\u043d\u0442-\u0441\u0430\u0439\u0434 \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f\n    if(!form.checkValidity()){\n      form.reportValidity();\n      return;\n    }\n\n    \/\/ \u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c multipart payload \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u2014 \u044d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442:\n    \/\/ 1) \u043f\u0440\u0438\u043b\u043e\u0436\u0438\u0442\u044c \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0435 \u0444\u0430\u0439\u043b\u044b \u0438\u0437 selectedFiles (\u043d\u0435 \u0434\u043e\u0432\u0435\u0440\u044f\u044f fileInput.files\n    \/\/    \u043f\u043e\u0441\u043b\u0435 \u0443\u0434\u0430\u043b\u0435\u043d\u0438\u044f \u0447\u0435\u0440\u0435\u0437 UI),\n    \/\/ 2) \u043d\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c disabled-\u043f\u043e\u043b\u044f.\n    var fd = new FormData();\n    var formInputs = form.querySelectorAll('input:not([type=file]):not([disabled]),textarea:not([disabled]),select:not([disabled])');\n    formInputs.forEach(function(el){\n      if(!el.name) return;\n      if(el.type === 'checkbox' || el.type === 'radio'){\n        if(el.checked) fd.append(el.name, el.value || 'on');\n      } else {\n        fd.append(el.name, el.value);\n      }\n    });\n    \/\/ \u0424\u0430\u0439\u043b\u044b \u2014 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u0435, \u0447\u0442\u043e \u0432 selectedFiles (\u043f\u043e\u0441\u043b\u0435 UI-\u0444\u0438\u043b\u044c\u0442\u0440\u0430\u0446\u0438\u0438)\n    selectedFiles.forEach(function(f){\n      fd.append('files[]', f, f.name);\n    });\n\n    submitBtn.disabled = true;\n    if(submitLabel) submitLabel.textContent = form.getAttribute('data-msg-sending') || '\u041e\u0442\u043f\u0440\u0430\u0432\u043a\u0430\u2026';\n\n    fetch('\/wp-json\/cifrum\/v1\/contact', {\n      method: 'POST',\n      \/\/ \u041d\u0415 \u0441\u0442\u0430\u0432\u0438\u043c Content-Type \u2014 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0441\u0430\u043c \u043f\u043e\u0434\u0441\u0442\u0430\u0432\u0438\u0442 multipart \u0441 boundary\n      headers: {'Accept':'application\/json'},\n      credentials: 'same-origin',\n      body: fd\n    })\n    .then(function(r){\n      return r.json().then(function(j){return {status:r.status, body:j}})\n        .catch(function(){return {status:r.status, body:null}});\n    })\n    .then(function(res){\n      if(res.body && res.body.ok){\n        goToStep(3);\n      } else {\n        var msg = form.getAttribute('data-msg-network');\n        if(res.status === 429) msg = form.getAttribute('data-msg-rate');\n        else if(res.body && res.body.error === 'validation') msg = form.getAttribute('data-msg-validation');\n        if(formError){ formError.textContent = msg; formError.hidden = false; }\n      }\n    })\n    .catch(function(){\n      if(formError){\n        formError.textContent = form.getAttribute('data-msg-network');\n        formError.hidden = false;\n      }\n    })\n    .then(function(){\n      submitBtn.disabled = false;\n      if(submitLabel) submitLabel.textContent = submitLabelText;\n    });\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u0421\u0432\u044f\u0437\u044c \u0441 \u0440\u0435\u0434\u0430\u043a\u0446\u0438\u0435\u0439 \u041c\u044b \u0432\u0441\u0435\u0433\u0434\u0430 \u043e\u0442\u043a\u0440\u044b\u0442\u044b \u0434\u043b\u044f \u043d\u043e\u0432\u044b\u0445 \u0442\u0435\u043c, \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0438 \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0430. \u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u043d\u0430\u043c \u2014 \u043f\u043e\u0441\u0442\u0430\u0440\u0430\u0435\u043c\u0441\u044f \u043e\u0442\u0432\u0435\u0442\u0438\u0442\u044c \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 1\u20132 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5651","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/cifrum.kz\/kk\/wp-json\/wp\/v2\/pages\/5651","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cifrum.kz\/kk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cifrum.kz\/kk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cifrum.kz\/kk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cifrum.kz\/kk\/wp-json\/wp\/v2\/comments?post=5651"}],"version-history":[{"count":5,"href":"https:\/\/cifrum.kz\/kk\/wp-json\/wp\/v2\/pages\/5651\/revisions"}],"predecessor-version":[{"id":6383,"href":"https:\/\/cifrum.kz\/kk\/wp-json\/wp\/v2\/pages\/5651\/revisions\/6383"}],"wp:attachment":[{"href":"https:\/\/cifrum.kz\/kk\/wp-json\/wp\/v2\/media?parent=5651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}