{"id":494,"date":"2026-04-28T06:48:26","date_gmt":"2026-04-28T03:48:26","guid":{"rendered":"https:\/\/mu.sibpsa.ru\/?page_id=494"},"modified":"2026-05-20T06:14:33","modified_gmt":"2026-05-20T03:14:33","slug":"%d0%ba%d1%80%d1%83%d0%b3%d0%bb%d1%8b%d0%b9-%d1%81%d1%82%d0%be%d0%bb","status":"publish","type":"page","link":"https:\/\/mu.sibpsa.ru\/?page_id=494","title":{"rendered":"\u041a\u0440\u0443\u0433\u043b\u044b\u0439 \u0441\u0442\u043e\u043b"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n\r\n\r\n\u041a\u0440\u0443\u0433\u043b\u044b\u0439 \u0441\u0442\u043e\u043b \u2014 \u0413\u0435\u043e\u041a\u043e\u0434 \u043d\u0430\u0441\u043b\u0435\u0434\u0438\u044f \u0421\u0438\u0431\u0438\u0440\u0438<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,700;0,9..144,900;1,9..144,400&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --navy: #0f1f3d;\r\n --navy-mid: #1a3560;\r\n --blue: #1e6bbd;\r\n --sky: #3fa9f5;\r\n --ice: #cce8ff;\r\n --white: #ffffff;\r\n --off: #f4f8fc;\r\n --text: #0f1f3d;\r\n --muted: #4a6080;\r\n --line: #d0e4f4;\r\n }\r\n\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background: var(--white);\r\n color: var(--text);\r\n overflow-x: hidden;\r\n }\r\n\r\n h1, h2, h3, h4, h5, h6 {\r\n font-family: 'Fraunces', serif;\r\n color: var(--navy);\r\n line-height: 1.15;\r\n }\r\n\r\n h1 { font-size: clamp(32px, 5vw, 58px); font-weight: 900; }\r\n h2 { font-size: clamp(22px, 3vw, 32px); font-weight: 700; }\r\n h3 { font-size: clamp(18px, 2.5vw, 24px); font-weight: 700; }\r\n h4 { font-size: 18px; font-weight: 600; }\r\n h5 { font-size: 15px; font-weight: 600; }\r\n h6 { font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }\r\n\r\n p {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 15px;\r\n line-height: 1.7;\r\n color: var(--muted);\r\n }\r\n\r\n a {\r\n color: var(--blue);\r\n text-decoration: none;\r\n transition: color 0.2s ease;\r\n }\r\n\r\n a:hover { color: var(--sky); }\r\n\r\n strong, b { font-weight: 600; color: var(--navy); }\r\n\r\n small { font-size: 12px; color: var(--muted); }\r\n\r\n label {\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--sky);\r\n }\r\n\r\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n .hero {\r\n position: relative;\r\n background: var(--white);\r\n padding: 72px 40px 80px;\r\n overflow: hidden;\r\n width: 100%;\r\n }\r\n\r\n .hero::before, .hero::after { display: none; }\r\n\r\n .hero-gradient { display: none; }\r\n\r\n .hero-icons {\r\n position: absolute;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n pointer-events: none;\r\n z-index: 0;\r\n overflow: hidden;\r\n }\r\n\r\n .sci-icon {\r\n position: absolute;\r\n opacity: 0.07;\r\n color: #1a3560;\r\n line-height: 1;\r\n user-select: none;\r\n animation: floatIcon var(--dur, 18s) ease-in-out var(--delay, 0s) infinite;\r\n }\r\n\r\n .sci-icon svg {\r\n width: 100%; height: 100%;\r\n display: block;\r\n }\r\n\r\n @keyframes floatIcon {\r\n 0%, 100% { transform: translateY(0) rotate(var(--rot0, 0deg)); }\r\n 50% { transform: translateY(var(--dy, -8px)) rotate(var(--rot1, 6deg)); }\r\n }\r\n\r\n #inkCanvas {\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .hero-inner {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .event-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: var(--ice);\r\n color: var(--blue);\r\n font-size: 12px;\r\n font-weight: 600;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n padding: 6px 16px;\r\n border-radius: 100px;\r\n margin-bottom: 28px;\r\n opacity: 0;\r\n animation: fadeUp 0.7s ease forwards 0.2s;\r\n }\r\n\r\n .event-badge::before {\r\n content: '';\r\n width: 6px; height: 6px;\r\n background: var(--sky);\r\n border-radius: 50%;\r\n animation: blink 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes blink {\r\n 0%, 100% { opacity: 1; }\r\n 50% { opacity: 0.3; }\r\n }\r\n\r\n .hero-date {\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: var(--muted);\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n margin-bottom: 16px;\r\n opacity: 0;\r\n animation: fadeUp 0.7s ease forwards 0.35s;\r\n }\r\n\r\n .hero h1 {\r\n font-family: 'Fraunces', serif;\r\n font-size: clamp(32px, 5vw, 58px);\r\n font-weight: 900;\r\n line-height: 1.08;\r\n color: var(--navy);\r\n margin-bottom: 12px;\r\n opacity: 0;\r\n animation: fadeUp 0.8s ease forwards 0.5s;\r\n }\r\n\r\n .hero h1 span {\r\n color: var(--blue);\r\n }\r\n\r\n .hero-sub {\r\n font-size: 15px;\r\n color: var(--muted);\r\n line-height: 1.7;\r\n max-width: 560px;\r\n margin-top: 20px;\r\n opacity: 0;\r\n animation: fadeUp 0.8s ease forwards 0.7s;\r\n }\r\n\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* \u2500\u2500 DIVIDER \u2500\u2500 *\/\r\n .divider {\r\n height: 1px;\r\n background: var(--line);\r\n max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* \u2500\u2500 BLOCKS SECTION \u2500\u2500 *\/\r\n .section {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n padding: 60px 40px;\r\n }\r\n\r\n .section-label {\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: 0.16em;\r\n text-transform: uppercase;\r\n color: var(--sky);\r\n margin-bottom: 40px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .section-label::after {\r\n content: '';\r\n flex: 1;\r\n height: 1px;\r\n background: var(--line);\r\n }\r\n\r\n \/* \u2500\u2500 BLOCK CARD \u2500\u2500 *\/\r\n .block-card {\r\n margin-bottom: 56px;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: opacity 0.7s ease, transform 0.7s ease;\r\n }\r\n\r\n .block-card.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .block-header {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 20px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .block-num {\r\n flex-shrink: 0;\r\n width: 44px; height: 44px;\r\n border-radius: 12px;\r\n background: var(--navy);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-family: 'Fraunces', serif;\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: white;\r\n box-shadow: 0 4px 16px rgba(15, 31, 61, 0.18);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n\r\n .block-card:hover .block-num {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(30, 107, 189, 0.4);\r\n }\r\n\r\n .block-title {\r\n font-family: 'Fraunces', serif;\r\n font-size: 21px;\r\n font-weight: 700;\r\n color: var(--navy);\r\n line-height: 1.3;\r\n padding-top: 8px;\r\n }\r\n\r\n .questions-list {\r\n list-style: none;\r\n padding-left: 64px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n }\r\n\r\n .questions-list.single-col {\r\n padding-left: 0;\r\n }\r\n\r\n .q-item {\r\n position: relative;\r\n padding: 14px 20px 14px 0;\r\n border-bottom: 1px solid var(--line);\r\n font-size: 15px;\r\n line-height: 1.65;\r\n color: #2a3f5f;\r\n cursor: default;\r\n transition: color 0.25s ease;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n }\r\n\r\n .q-item:last-child { border-bottom: none; }\r\n\r\n .q-item::before {\r\n content: '\u2192';\r\n color: var(--sky);\r\n font-size: 14px;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n transition: transform 0.25s ease, color 0.25s ease;\r\n }\r\n\r\n .q-item:hover {\r\n color: var(--navy);\r\n }\r\n\r\n .q-item:hover::before {\r\n transform: translateX(4px);\r\n color: var(--blue);\r\n }\r\n\r\n .q-item strong {\r\n color: var(--blue);\r\n font-weight: 600;\r\n }\r\n\r\n \/* \u2500\u2500 CONNECTOR LINES \u2500\u2500 *\/\r\n .block-connector {\r\n width: 1px;\r\n height: 32px;\r\n background: linear-gradient(to bottom, var(--line), transparent);\r\n margin: 0 auto 0 21px;\r\n }\r\n\r\n \/* \u2500\u2500 FOOTER CARD \u2500\u2500 *\/\r\n .info-bar {\r\n max-width: 900px;\r\n margin: 0 auto 0;\r\n padding: 0 40px 72px;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s;\r\n }\r\n\r\n .info-bar.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .info-card {\r\n background: var(--navy);\r\n border-radius: 20px;\r\n padding: 36px 44px;\r\n display: flex;\r\n align-items: center;\r\n gap: 32px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .info-card::before, .info-card::after { display: none; }\r\n\r\n .info-icon {\r\n flex-shrink: 0;\r\n width: 56px; height: 56px;\r\n background: rgba(63, 169, 245, 0.2);\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .info-icon svg {\r\n width: 28px; height: 28px;\r\n fill: none;\r\n stroke: var(--sky);\r\n stroke-width: 1.8;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .info-text {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .info-text strong {\r\n display: block;\r\n font-family: 'Fraunces', serif;\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: white;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .info-text p {\r\n font-size: 13.5px;\r\n color: rgba(255,255,255,0.65);\r\n line-height: 1.6;\r\n }\r\n\r\n .info-text p b {\r\n color: var(--sky);\r\n font-weight: 500;\r\n }\r\n\r\n \/* \u2500\u2500 CO-ORGANIZERS SECTION \u2500\u2500 *\/\r\n .coorg-bar {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n padding: 0 40px 48px;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s;\r\n }\r\n\r\n .coorg-bar.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .coorg-section-label {\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: 0.16em;\r\n text-transform: uppercase;\r\n color: var(--sky);\r\n margin-bottom: 32px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .coorg-section-label::after {\r\n content: '';\r\n flex: 1;\r\n height: 1px;\r\n background: var(--line);\r\n }\r\n\r\n .coorg-grid {\r\n display: flex;\r\n gap: 28px;\r\n align-items: flex-start;\r\n justify-content: center;\r\n }\r\n\r\n .coorg-card {\r\n flex: 0 0 auto;\r\n width: calc(50% - 56px);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0;\r\n transition: transform 0.35s ease;\r\n }\r\n\r\n .coorg-card:hover {\r\n transform: translateY(-4px);\r\n }\r\n\r\n .coorg-img-wrap {\r\n width: 100%;\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: center;\r\n position: relative;\r\n }\r\n\r\n \/* Subtle glow ring behind each logo *\/\r\n .coorg-img-wrap::before {\r\n content: '';\r\n position: absolute;\r\n inset: -12px;\r\n border-radius: 20px;\r\n background: radial-gradient(ellipse at center, rgba(63,169,245,0.10) 0%, transparent 70%);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n pointer-events: none;\r\n }\r\n\r\n .coorg-card:hover .coorg-img-wrap::before {\r\n opacity: 1;\r\n }\r\n\r\n .coorg-img-wrap img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n object-fit: contain;\r\n border-radius: 12px;\r\n filter: drop-shadow(0 4px 20px rgba(15,31,61,0.08));\r\n transition: filter 0.35s ease;\r\n }\r\n\r\n .coorg-card:hover .coorg-img-wrap img {\r\n filter: drop-shadow(0 8px 32px rgba(30,107,189,0.18));\r\n }\r\n\r\n \/* \u2500\u2500 SCROLL ANIMATION TRIGGER \u2500\u2500 *\/\r\n @media (max-width: 640px) {\r\n .hero { padding: 48px 24px 60px; }\r\n .section { padding: 40px 24px; }\r\n .questions-list { padding-left: 0; }\r\n .info-bar { padding: 0 24px 40px; }\r\n .info-card { flex-direction: column; padding: 28px 24px; gap: 20px; }\r\n .coorg-bar { padding: 0 24px 40px; }\r\n .coorg-grid { flex-direction: column; gap: 20px; align-items: center; }\r\n .coorg-card { width: 70%; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\" id=\"hero\">\r\n <canvas id=\"inkCanvas\"><\/canvas>\r\n <div class=\"hero-icons\" id=\"heroIcons\"><\/div>\r\n <div class=\"hero-inner\">\r\n \r\n <p class=\"hero-date\">29 \u043c\u0430\u044f \u00b7 \u0416\u0435\u043b\u0435\u0437\u043d\u043e\u0433\u043e\u0440\u0441\u043a, \u0421\u041f\u0421\u0410<\/p>\r\n <h1>\u041a\u0440\u0443\u0433\u043b\u044b\u0439 \u0441\u0442\u043e\u043b<br><span>\u0413\u0435\u043e\u041a\u043e\u0434 \u043d\u0430\u0441\u043b\u0435\u0434\u0438\u044f \u0421\u0438\u0431\u0438\u0440\u0438<\/span><\/h1>\r\n <p class=\"hero-sub\">\r\n \u0412\u0441\u0435\u0440\u043e\u0441\u0441\u0438\u0439\u0441\u043a\u0430\u044f \u043d\u0430\u0443\u0447\u043d\u043e-\u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u044f \u00ab\u041c\u043e\u043b\u043e\u0434\u044b\u0435 \u0443\u0447\u0451\u043d\u044b\u0435 \u0432 \u0440\u0435\u0448\u0435\u043d\u0438\u0438 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438\u00bb \u2014 \u043e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u0432 \u0445\u0430\u043a\u0430\u0442\u043e\u043d\u0430 \u043f\u043e \u0446\u0438\u0444\u0440\u043e\u0432\u043e\u0439 \u0440\u0435\u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0439.\r\n <\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<!-- BLOCKS -->\r\n<div class=\"section\">\r\n <p class=\"section-label\">\u041f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430 \u043a\u0440\u0443\u0433\u043b\u043e\u0433\u043e \u0441\u0442\u043e\u043b\u0430<\/p>\r\n\r\n <!-- Block 1 -->\r\n <div class=\"block-card\" data-animate>\r\n <div class=\"block-header\">\r\n <div class=\"block-num\">1<\/div>\r\n <h2 class=\"block-title\">\u0422\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438 \u0438 \u043c\u0435\u0442\u043e\u0434\u044b \u0413\u0418\u0421-\u0440\u0435\u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438<\/h2>\r\n <\/div>\r\n <ul class=\"questions-list\">\r\n <li class=\"q-item\">\u041a\u0430\u043a\u0438\u0435 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0413\u0418\u0421-\u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438 \u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0432\u0435\u0431-\u043a\u0430\u0440\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0438 \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u044b \u0434\u043b\u044f \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u0441\u0442\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u043e\u0432 (\u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u044d\u043a\u0441\u043f\u0435\u0434\u0438\u0446\u0438\u0438 \u0424.\u042f. \u041a\u043e\u043d\u0430)?<\/li>\r\n <li class=\"q-item\">\u0421 \u043a\u0430\u043a\u0438\u043c\u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430\u043c\u0438 \u0441\u0442\u0430\u043b\u043a\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u043f\u0440\u0438 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0435 \u0441\u0442\u0430\u0440\u044b\u0445 \u043a\u0430\u0440\u0442, \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0439 \u0438 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0439 \u043a \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u043d\u044b\u043c \u0441\u0435\u0442\u043a\u0430\u043c?<\/li>\r\n <li class=\"q-item\">\u041a\u0430\u043a \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0442\u044c \u0434\u043e\u0441\u0442\u043e\u0432\u0435\u0440\u043d\u043e\u0441\u0442\u044c \u0440\u0435\u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u043f\u0440\u0438 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u0435 \u0438\u043b\u0438 \u043f\u0440\u043e\u0442\u0438\u0432\u043e\u0440\u0435\u0447\u0438\u0432\u043e\u0441\u0442\u0438 \u0430\u0440\u0445\u0438\u0432\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445?<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"block-connector\"><\/div>\r\n\r\n <!-- Block 2 -->\r\n <div class=\"block-card\" data-animate>\r\n <div class=\"block-header\">\r\n <div class=\"block-num\">2<\/div>\r\n <h2 class=\"block-title\">\u0421\u0432\u044f\u0437\u044c \u0441 \u0442\u0435\u043c\u0430\u0442\u0438\u043a\u043e\u0439 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438<\/h2>\r\n <\/div>\r\n <ul class=\"questions-list\">\r\n <li class=\"q-item\">\u041a\u0430\u043a\u0443\u044e \u0440\u043e\u043b\u044c \u043c\u043e\u0433\u0443\u0442 \u0441\u044b\u0433\u0440\u0430\u0442\u044c \u0440\u0435\u043a\u043e\u043d\u0441\u0442\u0440\u0443\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0438\u0441\u0442\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u044b \u0432 \u043e\u0446\u0435\u043d\u043a\u0435 \u0443\u044f\u0437\u0432\u0438\u043c\u043e\u0441\u0442\u0438 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0439 (\u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442\u043d\u0430\u044f \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u044c, \u0443\u0434\u0430\u043b\u0451\u043d\u043d\u043e\u0441\u0442\u044c, \u043b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u043d\u044b\u0435 \u0440\u0438\u0441\u043a\u0438)?<\/li>\r\n <li class=\"q-item\">\u041c\u043e\u0436\u0435\u0442 \u043b\u0438 \u043e\u043f\u044b\u0442 \u0438\u0441\u0442\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u044d\u043a\u0441\u043f\u0435\u0434\u0438\u0446\u0438\u0439 (\u043b\u043e\u0433\u0438\u0441\u0442\u0438\u043a\u0430, \u0442\u043e\u0447\u043a\u0438 \u0432\u043e\u0434\u043e\u0441\u043d\u0430\u0431\u0436\u0435\u043d\u0438\u044f, \u0441\u0435\u0437\u043e\u043d\u043d\u044b\u0435 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u044b) \u043f\u043e\u043c\u043e\u0447\u044c \u0432 \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439 \u043f\u0440\u0438 \u0427\u0421 (\u043f\u043e\u0438\u0441\u043a\u043e\u0432\u043e-\u0441\u043f\u0430\u0441\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b, \u044d\u0432\u0430\u043a\u0443\u0430\u0446\u0438\u044f)?<\/li>\r\n <li class=\"q-item\">\u041a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0435\u043c\u044b\u0435 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u0441\u043f\u043e\u0441\u043e\u0431\u0441\u0442\u0432\u0443\u044e\u0442 \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u2014 \u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044e \u0438\u0434\u0435\u043d\u0442\u0438\u0447\u043d\u043e\u0441\u0442\u0438 \u0438 \u043f\u0440\u043e\u0444\u0438\u043b\u0430\u043a\u0442\u0438\u043a\u0435 \u0444\u0430\u043b\u044c\u0441\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u0438\u0441\u0442\u043e\u0440\u0438\u0438?<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"block-connector\"><\/div>\r\n\r\n <!-- Block 3 -->\r\n <div class=\"block-card\" data-animate>\r\n <div class=\"block-header\">\r\n <div class=\"block-num\">3<\/div>\r\n <h2 class=\"block-title\">\u041e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0438 \u043f\u0440\u043e\u0441\u0432\u0435\u0442\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u043f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b<\/h2>\r\n <\/div>\r\n <ul class=\"questions-list\">\r\n <li class=\"q-item\">\u041a\u0430\u043a\u0438\u0435 \u0444\u043e\u0440\u043c\u0430\u0442\u044b \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0440\u0435\u0441\u0443\u0440\u0441\u0430 (\u0432\u0435\u0431-\u0413\u0418\u0421, \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u0430\u044f \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044f) \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0432\u043e\u0441\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u044b \u043c\u043e\u043b\u043e\u0434\u0451\u0436\u044c\u044e \u0438 \u0448\u043a\u043e\u043b\u044c\u043d\u0438\u043a\u0430\u043c\u0438?<\/li>\r\n <li class=\"q-item\">\u041a\u0430\u043a \u0432\u043e\u0432\u043b\u0435\u0447\u044c \u043c\u043e\u043b\u043e\u0434\u044b\u0445 \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u0438 \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u043e\u0432 \u0432 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u0435 \u043d\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b (\u043a\u0440\u0430\u0443\u0434\u0441\u043e\u0440\u0441\u0438\u043d\u0433, \u043f\u043e\u043b\u0435\u0432\u044b\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438)?<\/li>\r\n <li class=\"q-item\">\u041a\u0430\u043a\u0438\u0435 \u043c\u0435\u0440\u044b \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b \u0434\u043b\u044f \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0438 \u043e\u0442\u043a\u0440\u044b\u0442\u043e\u0433\u043e \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043a \u043e\u0446\u0438\u0444\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c \u0438\u0441\u0442\u043e\u0440\u0438\u043a\u043e-\u0433\u0435\u043e\u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u0434\u0430\u043d\u043d\u044b\u043c?<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"block-connector\"><\/div>\r\n\r\n <!-- Block 4 -->\r\n <div class=\"block-card\" data-animate>\r\n <div class=\"block-header\">\r\n <div class=\"block-num\">4<\/div>\r\n <h2 class=\"block-title\">\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430<\/h2>\r\n <\/div>\r\n <ul class=\"questions-list\">\r\n <li class=\"q-item\">\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u043b\u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u0430 \u043d\u0430 \u0434\u0440\u0443\u0433\u0438\u0435 \u0438\u0441\u0442\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u044d\u043a\u0441\u043f\u0435\u0434\u0438\u0446\u0438\u0438 \u0438 \u0440\u0435\u0433\u0438\u043e\u043d\u044b \u0421\u0438\u0431\u0438\u0440\u0438?<\/li>\r\n <li class=\"q-item\">\u041a\u0430\u043a\u0438\u0435 \u0432\u043d\u0435\u0448\u043d\u0438\u0435 \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u044b \u043c\u043e\u0433\u043b\u0438 \u0431\u044b \u0431\u044b\u0442\u044c \u0437\u0430\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432\u0430\u043d\u044b \u0432 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u2014 \u043c\u0443\u0437\u0435\u0438, \u0430\u0440\u0445\u0438\u0432\u044b, \u041c\u0427\u0421 \u0420\u043e\u0441\u0441\u0438\u0438, \u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0443\u0447\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u044f?<\/li>\r\n <li class=\"q-item\">\u041a\u0430\u043a\u043e\u0432\u044b \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0448\u0430\u0433\u0438 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u044f \u0445\u0430\u043a\u0430\u0442\u043e\u043d\u0430 \u00ab\u0413\u0435\u043e\u041a\u043e\u0434: \u041d\u0430\u0441\u043b\u0435\u0434\u0438\u0435 \u0421\u0438\u0431\u0438\u0440\u0438\u00bb?<\/li>\r\n <\/ul>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- CO-ORGANIZERS -->\r\n<div class=\"coorg-bar\" data-animate>\r\n <p class=\"coorg-section-label\">\u0421\u043e\u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0442\u043e\u0440\u044b<\/p>\r\n <div class=\"coorg-grid\">\r\n <div class=\"coorg-card\">\r\n <div class=\"coorg-img-wrap\" style=\"width: 50%; margin: 0 auto;\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/mu.sibpsa.ru\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-5-%D0%BC%D0%B0%D1%8F-2026-%D0%B3.-11_57_18-1.png\"\r\n alt=\"\u0421\u043e\u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0442\u043e\u0440 2\"\r\n loading=\"lazy\"\r\n style=\"width: 100%;\"\r\n \/>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- INFO CARD -->\r\n<div class=\"info-bar\" data-animate>\r\n <div class=\"info-card\">\r\n <div class=\"info-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n <polyline points=\"12 7 12 12 15 15\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"info-text\">\r\n <strong>29 \u043c\u0430\u044f 2026 \u2014 \u0416\u0435\u043b\u0435\u0437\u043d\u043e\u0433\u043e\u0440\u0441\u043a<\/strong>\r\n <p>\r\n \u0412\u0441\u0435\u0440\u043e\u0441\u0441\u0438\u0439\u0441\u043a\u0430\u044f \u043d\u0430\u0443\u0447\u043d\u043e-\u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u044f<br>\r\n <b>\u00ab\u041c\u043e\u043b\u043e\u0434\u044b\u0435 \u0443\u0447\u0451\u043d\u044b\u0435 \u0432 \u0440\u0435\u0448\u0435\u043d\u0438\u0438 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438\u00bb<\/b><br>\r\n \u0421\u0438\u0431\u0438\u0440\u0441\u043a\u0430\u044f \u043f\u043e\u0436\u0430\u0440\u043d\u043e-\u0441\u043f\u0430\u0441\u0430\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0430\u043a\u0430\u0434\u0435\u043c\u0438\u044f (\u0421\u041f\u0421\u0410)\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ \u2500\u2500 Monochrome SVG science icons \u2500\u2500\r\n const svgIcons = [\r\n `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><ellipse cx=\"12\" cy=\"12\" rx=\"10\" ry=\"4\" transform=\"rotate(0 12 12)\"\/><ellipse cx=\"12\" cy=\"12\" rx=\"10\" ry=\"4\" transform=\"rotate(60 12 12)\"\/><ellipse cx=\"12\" cy=\"12\" rx=\"10\" ry=\"4\" transform=\"rotate(120 12 12)\"\/><circle cx=\"12\" cy=\"12\" r=\"1.5\" fill=\"currentColor\"\/><\/svg>`,\r\n `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><path d=\"M9 3h6M9 3v7l-4 9h14l-4-9V3\"\/><path d=\"M9 14h6\"\/><\/svg>`,\r\n `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><polygon points=\"12,3 14.5,9.5 12,12 9.5,9.5\" fill=\"currentColor\" stroke=\"none\"\/><polygon points=\"12,21 9.5,14.5 12,12 14.5,14.5\" fill=\"currentColor\" opacity=\"0.4\" stroke=\"none\"\/><\/svg>`,\r\n `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><path d=\"M7 3c5 2 5 6 0 8s-5 6 0 8\"\/><path d=\"M17 3c-5 2-5 6 0 8s5 6 0 8\"\/><line x1=\"7\" y1=\"7\" x2=\"17\" y2=\"7\"\/><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"17\"\/><line x1=\"8.5\" y1=\"12\" x2=\"15.5\" y2=\"12\"\/><\/svg>`,\r\n `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><rect x=\"9\" y=\"9\" width=\"6\" height=\"6\" rx=\"1\"\/><line x1=\"3\" y1=\"3\" x2=\"9\" y2=\"9\"\/><line x1=\"21\" y1=\"3\" x2=\"15\" y2=\"9\"\/><line x1=\"3\" y1=\"21\" x2=\"9\" y2=\"15\"\/><line x1=\"21\" y1=\"21\" x2=\"15\" y2=\"15\"\/><\/svg>`,\r\n `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><path d=\"M12 2C8.7 2 6 4.7 6 8c0 5 6 14 6 14s6-9 6-14c0-3.3-2.7-6-6-6z\"\/><circle cx=\"12\" cy=\"8\" r=\"2\"\/><\/svg>`,\r\n `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18M12 3c-3 3-3 15 0 18M12 3c3 3 3 15 0 18\"\/><\/svg>`,\r\n `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><line x1=\"2\" y1=\"8\" x2=\"14\" y2=\"12\"\/><line x1=\"2\" y1=\"12\" x2=\"14\" y2=\"8\"\/><line x1=\"14\" y1=\"8\" x2=\"22\" y2=\"6\"\/><line x1=\"14\" y1=\"12\" x2=\"22\" y2=\"14\"\/><line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"20\"\/><line x1=\"9\" y1=\"20\" x2=\"15\" y2=\"20\"\/><\/svg>`,\r\n `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><path d=\"M18 4H6l6 8-6 8h12\"\/><\/svg>`,\r\n `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><polygon points=\"12,3 22,21 2,21\"\/><polyline points=\"7,13 12,8 17,13\"\/><\/svg>`,\r\n `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><polyline points=\"4,19 8,13 12,15 18,6\"\/><circle cx=\"8\" cy=\"13\" r=\"1.2\" fill=\"currentColor\"\/><circle cx=\"12\" cy=\"15\" r=\"1.2\" fill=\"currentColor\"\/><circle cx=\"18\" cy=\"6\" r=\"1.2\" fill=\"currentColor\"\/><\/svg>`,\r\n `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 2v3M12 19v3M4.2 4.2l2.1 2.1M17.7 17.7l2.1 2.1M2 12h3M19 12h3M4.2 19.8l2.1-2.1M17.7 6.3l2.1-2.1\"\/><\/svg>`,\r\n ];\r\n\r\n const heroEl = document.getElementById('hero');\r\n const container = document.getElementById('heroIcons');\r\n\r\n const cols = 8, rows = 5;\r\n const cellW = 100 \/ cols, cellH = 100 \/ rows;\r\n const cells = [];\r\n for (let r = 0; r < rows; r++)\r\n for (let c = 0; c < cols; c++)\r\n cells.push([c, r]);\r\n\r\n cells.sort(() => Math.random() - 0.5);\r\n const chosen = cells.slice(0, 28);\r\n\r\n chosen.forEach(([c, r], i) => {\r\n const wrap = document.createElement('div');\r\n wrap.className = 'sci-icon';\r\n const size = 18 + Math.floor(Math.random() * 14);\r\n const x = cellW * c + Math.random() * (cellW * 0.6) + cellW * 0.2;\r\n const y = cellH * r + Math.random() * (cellH * 0.6) + cellH * 0.2;\r\n const dur = 14 + Math.random() * 10;\r\n const delay = -(Math.random() * 14);\r\n const dy = -(4 + Math.random() * 8);\r\n const rot0 = (Math.random() - 0.5) * 16;\r\n const rot1 = (Math.random() - 0.5) * 16;\r\n const icon = svgIcons[i % svgIcons.length];\r\n wrap.innerHTML = icon;\r\n wrap.style.cssText = `\r\n left:${x}%; top:${y}%;\r\n width:${size}px; height:${size}px;\r\n --dur:${dur}s; --delay:${delay}s;\r\n --dy:${dy}px; --rot0:${rot0}deg; --rot1:${rot1}deg;\r\n `;\r\n container.appendChild(wrap);\r\n });\r\n\r\n \/\/ \u2500\u2500 Ink-in-water canvas effect \u2500\u2500\r\n const canvas = document.getElementById('inkCanvas');\r\n const ctx = canvas.getContext('2d');\r\n\r\n function resize() {\r\n canvas.width = heroEl.offsetWidth;\r\n canvas.height = heroEl.offsetHeight;\r\n }\r\n resize();\r\n window.addEventListener('resize', resize);\r\n\r\n const blobs = [\r\n { x: 0.8, y: 0.15, r: 0.45, hue: 210, speed: 0.0018, phase: 0 },\r\n { x: 0.2, y: 0.7, r: 0.38, hue: 195, speed: 0.0013, phase: 2.1 },\r\n { x: 0.55, y: 0.4, r: 0.32, hue: 220, speed: 0.0022, phase: 4.5 },\r\n ];\r\n\r\n let mouseX = -1, mouseY = -1, t = 0;\r\n\r\n function drawBlobs() {\r\n t++;\r\n blobs.forEach(b => {\r\n let cx = (b.x + Math.sin(t * b.speed * 2.1 + b.phase) * 0.28) * canvas.width;\r\n let cy = (b.y + Math.cos(t * b.speed * 1.7 + b.phase) * 0.22) * canvas.height;\r\n\r\n if (mouseX >= 0) {\r\n const dx = cx - mouseX;\r\n const dy = cy - mouseY;\r\n const dist = Math.sqrt(dx * dx + dy * dy);\r\n const repelRadius = b.r * canvas.width * 1.1;\r\n if (dist < repelRadius && dist > 0) {\r\n const force = (1 - dist \/ repelRadius) * repelRadius * 0.45;\r\n cx += (dx \/ dist) * force;\r\n cy += (dy \/ dist) * force;\r\n }\r\n }\r\n\r\n const rad = b.r * canvas.width;\r\n const g = ctx.createRadialGradient(cx, cy, 0, cx, cy, rad);\r\n g.addColorStop(0, `hsla(${b.hue},85%,68%,0.32)`);\r\n g.addColorStop(0.4, `hsla(${b.hue},75%,76%,0.15)`);\r\n g.addColorStop(0.75, `hsla(${b.hue},65%,85%,0.06)`);\r\n g.addColorStop(1, `hsla(${b.hue},60%,90%,0)`);\r\n ctx.beginPath();\r\n ctx.arc(cx, cy, rad, 0, Math.PI * 2);\r\n ctx.fillStyle = g;\r\n ctx.fill();\r\n });\r\n }\r\n\r\n function loop() {\r\n ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n drawBlobs();\r\n requestAnimationFrame(loop);\r\n }\r\n loop();\r\n\r\n heroEl.addEventListener('mousemove', (e) => {\r\n const rect = heroEl.getBoundingClientRect();\r\n mouseX = e.clientX - rect.left;\r\n mouseY = e.clientY - rect.top;\r\n });\r\n\r\n heroEl.addEventListener('mouseleave', () => { mouseX = -1; mouseY = -1; });\r\n\r\n \/\/ \u2500\u2500 Scroll animations \u2500\u2500\r\n const cards = document.querySelectorAll('[data-animate]');\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n setTimeout(() => entry.target.classList.add('visible'), 80);\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.12 });\r\n cards.forEach(card => observer.observe(card));\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u041a\u0440\u0443\u0433\u043b\u044b\u0439 \u0441\u0442\u043e\u043b \u2014 \u0413\u0435\u043e\u041a\u043e\u0434 \u043d\u0430\u0441\u043b\u0435\u0434\u0438\u044f \u0421\u0438\u0431\u0438\u0440\u0438 29 \u043c\u0430\u044f \u00b7 \u0416\u0435\u043b\u0435\u0437\u043d\u043e\u0433\u043e\u0440\u0441\u043a, \u0421\u041f\u0421\u0410 \u041a\u0440\u0443\u0433\u043b\u044b\u0439 \u0441\u0442\u043e\u043b\u0413\u0435\u043e\u041a\u043e\u0434 \u043d\u0430\u0441\u043b\u0435\u0434\u0438\u044f \u0421\u0438\u0431\u0438\u0440\u0438 \u0412\u0441\u0435\u0440\u043e\u0441\u0441\u0438\u0439\u0441\u043a\u0430\u044f \u043d\u0430\u0443\u0447\u043d\u043e-\u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u044f \u00ab\u041c\u043e\u043b\u043e\u0434\u044b\u0435 \u0443\u0447\u0451\u043d\u044b\u0435 \u0432 \u0440\u0435\u0448\u0435\u043d\u0438\u0438 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438\u00bb \u2014 \u043e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u0432 \u0445\u0430\u043a\u0430\u0442\u043e\u043d\u0430 \u043f\u043e \u0446\u0438\u0444\u0440\u043e\u0432\u043e\u0439 \u0440\u0435\u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0439. \u041f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430 \u043a\u0440\u0443\u0433\u043b\u043e\u0433\u043e \u0441\u0442\u043e\u043b\u0430 1 \u0422\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438 \u0438 \u043c\u0435\u0442\u043e\u0434\u044b \u0413\u0418\u0421-\u0440\u0435\u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u041a\u0430\u043a\u0438\u0435 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0413\u0418\u0421-\u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438 \u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0432\u0435\u0431-\u043a\u0430\u0440\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0438 \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u044b \u0434\u043b\u044f \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u0441\u0442\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u043e\u0432 (\u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u044d\u043a\u0441\u043f\u0435\u0434\u0438\u0446\u0438\u0438 \u0424.\u042f. \u041a\u043e\u043d\u0430)? \u0421 \u043a\u0430\u043a\u0438\u043c\u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430\u043c\u0438 \u0441\u0442\u0430\u043b\u043a\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u043f\u0440\u0438 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0435 \u0441\u0442\u0430\u0440\u044b\u0445 \u043a\u0430\u0440\u0442, \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0439 \u0438 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0439 \u043a \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u043d\u044b\u043c \u0441\u0435\u0442\u043a\u0430\u043c? \u041a\u0430\u043a \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0442\u044c \u0434\u043e\u0441\u0442\u043e\u0432\u0435\u0440\u043d\u043e\u0441\u0442\u044c \u0440\u0435\u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u043f\u0440\u0438 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u0435 \u0438\u043b\u0438 \u043f\u0440\u043e\u0442\u0438\u0432\u043e\u0440\u0435\u0447\u0438\u0432\u043e\u0441\u0442\u0438 \u0430\u0440\u0445\u0438\u0432\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445? 2 \u0421\u0432\u044f\u0437\u044c \u0441 \u0442\u0435\u043c\u0430\u0442\u0438\u043a\u043e\u0439 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u041a\u0430\u043a\u0443\u044e \u0440\u043e\u043b\u044c \u043c\u043e\u0433\u0443\u0442 \u0441\u044b\u0433\u0440\u0430\u0442\u044c \u0440\u0435\u043a\u043e\u043d\u0441\u0442\u0440\u0443\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0438\u0441\u0442\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u044b \u0432 \u043e\u0446\u0435\u043d\u043a\u0435 \u0443\u044f\u0437\u0432\u0438\u043c\u043e\u0441\u0442\u0438 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0439 (\u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442\u043d\u0430\u044f \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u044c, \u0443\u0434\u0430\u043b\u0451\u043d\u043d\u043e\u0441\u0442\u044c, \u043b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u043d\u044b\u0435 \u0440\u0438\u0441\u043a\u0438)? \u041c\u043e\u0436\u0435\u0442 \u043b\u0438 \u043e\u043f\u044b\u0442 \u0438\u0441\u0442\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u044d\u043a\u0441\u043f\u0435\u0434\u0438\u0446\u0438\u0439 (\u043b\u043e\u0433\u0438\u0441\u0442\u0438\u043a\u0430, \u0442\u043e\u0447\u043a\u0438 \u0432\u043e\u0434\u043e\u0441\u043d\u0430\u0431\u0436\u0435\u043d\u0438\u044f, \u0441\u0435\u0437\u043e\u043d\u043d\u044b\u0435 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u044b) \u043f\u043e\u043c\u043e\u0447\u044c \u0432 \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439 \u043f\u0440\u0438 \u0427\u0421 (\u043f\u043e\u0438\u0441\u043a\u043e\u0432\u043e-\u0441\u043f\u0430\u0441\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b, \u044d\u0432\u0430\u043a\u0443\u0430\u0446\u0438\u044f)? \u041a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0435\u043c\u044b\u0435 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u0441\u043f\u043e\u0441\u043e\u0431\u0441\u0442\u0432\u0443\u044e\u0442 \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u2014 \u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044e \u0438\u0434\u0435\u043d\u0442\u0438\u0447\u043d\u043e\u0441\u0442\u0438 \u0438 \u043f\u0440\u043e\u0444\u0438\u043b\u0430\u043a\u0442\u0438\u043a\u0435 \u0444\u0430\u043b\u044c\u0441\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u0438\u0441\u0442\u043e\u0440\u0438\u0438? 3 \u041e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0438 \u043f\u0440\u043e\u0441\u0432\u0435\u0442\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u043f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b \u041a\u0430\u043a\u0438\u0435 \u0444\u043e\u0440\u043c\u0430\u0442\u044b \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0440\u0435\u0441\u0443\u0440\u0441\u0430 (\u0432\u0435\u0431-\u0413\u0418\u0421, \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u0430\u044f \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044f) \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0432\u043e\u0441\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u044b \u043c\u043e\u043b\u043e\u0434\u0451\u0436\u044c\u044e \u0438 \u0448\u043a\u043e\u043b\u044c\u043d\u0438\u043a\u0430\u043c\u0438? \u041a\u0430\u043a \u0432\u043e\u0432\u043b\u0435\u0447\u044c \u043c\u043e\u043b\u043e\u0434\u044b\u0445 \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u0438 \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u043e\u0432 \u0432 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u0435 \u043d\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b (\u043a\u0440\u0430\u0443\u0434\u0441\u043e\u0440\u0441\u0438\u043d\u0433, \u043f\u043e\u043b\u0435\u0432\u044b\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438)? \u041a\u0430\u043a\u0438\u0435 \u043c\u0435\u0440\u044b \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b \u0434\u043b\u044f \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0438 \u043e\u0442\u043a\u0440\u044b\u0442\u043e\u0433\u043e \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043a \u043e\u0446\u0438\u0444\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c \u0438\u0441\u0442\u043e\u0440\u0438\u043a\u043e-\u0433\u0435\u043e\u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u0434\u0430\u043d\u043d\u044b\u043c? 4 \u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u043b\u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u0430 \u043d\u0430 \u0434\u0440\u0443\u0433\u0438\u0435 \u0438\u0441\u0442\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u044d\u043a\u0441\u043f\u0435\u0434\u0438\u0446\u0438\u0438 \u0438 \u0440\u0435\u0433\u0438\u043e\u043d\u044b \u0421\u0438\u0431\u0438\u0440\u0438? \u041a\u0430\u043a\u0438\u0435 \u0432\u043d\u0435\u0448\u043d\u0438\u0435 \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u044b \u043c\u043e\u0433\u043b\u0438 \u0431\u044b \u0431\u044b\u0442\u044c \u0437\u0430\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432\u0430\u043d\u044b \u0432 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u2014 \u043c\u0443\u0437\u0435\u0438, \u0430\u0440\u0445\u0438\u0432\u044b, \u041c\u0427\u0421 \u0420\u043e\u0441\u0441\u0438\u0438, \u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0443\u0447\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u044f? \u041a\u0430\u043a\u043e\u0432\u044b \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0448\u0430\u0433\u0438 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u044f \u0445\u0430\u043a\u0430\u0442\u043e\u043d\u0430 \u00ab\u0413\u0435\u043e\u041a\u043e\u0434: \u041d\u0430\u0441\u043b\u0435\u0434\u0438\u0435 \u0421\u0438\u0431\u0438\u0440\u0438\u00bb? \u0421\u043e\u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0442\u043e\u0440\u044b 29 \u043c\u0430\u044f 2026 \u2014 \u0416\u0435\u043b\u0435\u0437\u043d\u043e\u0433\u043e\u0440\u0441\u043a \u0412\u0441\u0435\u0440\u043e\u0441\u0441\u0438\u0439\u0441\u043a\u0430\u044f \u043d\u0430\u0443\u0447\u043d\u043e-\u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u044f \u00ab\u041c\u043e\u043b\u043e\u0434\u044b\u0435 \u0443\u0447\u0451\u043d\u044b\u0435 \u0432 \u0440\u0435\u0448\u0435\u043d\u0438\u0438 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438\u00bb \u0421\u0438\u0431\u0438\u0440\u0441\u043a\u0430\u044f \u043f\u043e\u0436\u0430\u0440\u043d\u043e-\u0441\u043f\u0430\u0441\u0430\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0430\u043a\u0430\u0434\u0435\u043c\u0438\u044f (\u0421\u041f\u0421\u0410)<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-494","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mu.sibpsa.ru\/index.php?rest_route=\/wp\/v2\/pages\/494","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mu.sibpsa.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mu.sibpsa.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mu.sibpsa.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mu.sibpsa.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=494"}],"version-history":[{"count":37,"href":"https:\/\/mu.sibpsa.ru\/index.php?rest_route=\/wp\/v2\/pages\/494\/revisions"}],"predecessor-version":[{"id":554,"href":"https:\/\/mu.sibpsa.ru\/index.php?rest_route=\/wp\/v2\/pages\/494\/revisions\/554"}],"wp:attachment":[{"href":"https:\/\/mu.sibpsa.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}