#module-109\#0{font-weight: 400; font-size: 20px; padding-top:10px; color: #000000;}#module-109\#0 a{color: #000000;}#module-109\#1{font-weight: 400; font-size: 20px; padding-top:10px; color: #000000;}#module-109\#1 a{color: #000000;}#module-109\#2{font-weight: 400; font-size: 20px; padding-top:10px; color: #000000;}#module-109\#2 a{color: #000000;}#module-109\#3{font-weight: 400; font-size: 20px; padding-top:10px; color: #000000;}#module-109\#3 a{color: #000000;}#module-109\#4{font-weight: 400; font-size: 20px; padding-top:10px; color: #000000;}#module-109\#4 a{color: #000000;}#module-109\#5{margin-top:100px;}
/* База (desktop): без изменений, адаптивная ширина */ #page\#0 img{display: block; max-width: 100%; height: auto; margin-top:-25px}/* Мобильные: ширина 100vw, заполняет контейнер по высоте/ширине с обрезкой */ @media (max-width: 768px){#page\#0{width: 100%;}#page\#0 img{width: 100%; height: 100%; max-height: 70vh; /* опционально: ограничить высоту экрана */ object-fit: cover; /* заполняет контейнер, может обрезать края */ object-position: center; /* центр кадрирования */}}/* Контейнер секции */ #page\#1 .hero{box-sizing: border-box; max-width:1008px; margin-top:-150px; margin-inline: auto; padding: clamp(16px, 6vw, 40px) clamp(12px, 5vw, 32px); display: grid; place-items: center; gap: clamp(12px, 3vw, 20px); text-align: center; color: #fff;}/* Стек двух строк с плашками */ #page\#1 .stack{margin: 0; display: grid; gap: clamp(8px, 2.4vw, 14px); /* расстояние между красной и чёрной плашкой */}/* Общие настройки текста */ #page\#1 .line{display: inline-block; /* чтобы плашка была строго под текстом */ padding: 0.25em 0.6em; /* толщина плашек вокруг текста */ font-family: Jost, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: 0.02em; line-height:1; font-size: clamp(22px, 6.2vw, 56px); /* адаптивный кегль */ white-space: nowrap; /* не даём ломать строки внутри плашки */}/* Красная плашка для первой строки */ #page\#1 .line-red{background: #5980BD; color: #fff;}/* Чёрная плашка для второй строки */ #page\#1 .line-black{background: #000; color: #fff;}/* Подзаголовок */ #page\#1 .subtitle{margin: 0; font-family: Jost, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-weight: 400; text-transform: uppercase; opacity: 0.95; line-height: 1.5; font-size: clamp(12px, 2.6vw, 22px); max-width: min(92ch, 95vw); text-wrap: balance; color:white;}/* Чуть плотнее на сверхузких экранах */ @media (max-width: 360px){#page\#1 .line{padding: 0.22em 0.5em;}#page\#1 .hero{margin-top:0px;}}#page\#2 .btn-lg,#page\#2 .uk-button-large{padding: 0px 39px; line-height: 65px; font-size: 30px; border-color: #5980BD; color:white !important}#page\#2 .btn-info:hover,#page\#2 .btn-primary:hover,#page\#2 .btn-success:hover,#page\#2 .uk-button-primary:hover{background-color: #5980BD; color: #fff; border-color: #5980BD;}/* Базовый разделитель: тонкая линия + мягкое свечение */ #page\#3 .divider{position: relative; width: min(100%, 960px); /* ширина разделителя */ height: 2px; /* толщина центральной линии */ margin: 24px auto; /* центрирование по странице */ background: linear-gradient(90deg, rgba(255,255,255,0) 0%, currentColor 45%, currentColor 55%, rgba(255,255,255,0) 100%); /* яркая сердцевина */ color: #5980BD; /* базовый цвет свечения (красный) */ isolation: isolate; /* лучший композитинг слоёв */}/* Свечение сверху/снизу — радиальные градиенты + blur на псевдоэлементе */ #page\#3 .divider::before{content: ""; position: absolute; inset: -16px 0; /* высота “ореола” */ background: radial-gradient(ellipse at 50% 48%, color-mix(in oklab, currentColor 55%, transparent) 0%, color-mix(in oklab, currentColor 35%, transparent) 20%, transparent 60%) center/100% 100% no-repeat; /* основное свечение */ filter: blur(8px); /* мягкость */ pointer-events: none; z-index: -1;}/* Лёгкая тень/пересвет по центру для глубины */ #page\#3 .divider::after{content: ""; position: absolute; left: 50%; top: 50%; width: 90%; height: 40px; transform: translate(-50%, -50%); background: radial-gradient(ellipse at center, color-mix(in oklab, currentColor 35%, transparent) 0%, transparent 70%); filter: blur(10px); pointer-events: none; z-index: -1;}/* Модификаторы цвета (по желанию) */ #page\#3 .divider--red{color: #D51F26;}/* красный вариант */ #page\#3 .divider--gold{color: #C0A739;}/* золотой вариант */ #page\#3 .divider--white{color: #ffffff;}/* белое свечение */ #page\#3 .divider--blue{color: #5980BD;}/* белое свечение */ /* Тонкая настройка плотности свечения (необязательно) */ @media (max-width: 640px){#page\#3 .divider{width: 100%;}#page\#3 .divider::before{inset: -12px 0; filter: blur(7px);}#page\#3 .divider::after{height: 32px; filter: blur(8px);}}#page\#3{margin:100px;}#page\#4{color:#5980BD;}#page\#5{margin-top:50px; margin-bottom:50px;}/* Базовый разделитель: тонкая линия + мягкое свечение */ #page\#6 .divider{position: relative; width: min(100%, 960px); /* ширина разделителя */ height: 2px; /* толщина центральной линии */ margin: 24px auto; /* центрирование по странице */ background: linear-gradient(90deg, rgba(255,255,255,0) 0%, currentColor 45%, currentColor 55%, rgba(255,255,255,0) 100%); /* яркая сердцевина */ color: #5980BD; /* базовый цвет свечения (красный) */ isolation: isolate; /* лучший композитинг слоёв */}/* Свечение сверху/снизу — радиальные градиенты + blur на псевдоэлементе */ #page\#6 .divider::before{content: ""; position: absolute; inset: -16px 0; /* высота “ореола” */ background: radial-gradient(ellipse at 50% 48%, color-mix(in oklab, currentColor 55%, transparent) 0%, color-mix(in oklab, currentColor 35%, transparent) 20%, transparent 60%) center/100% 100% no-repeat; /* основное свечение */ filter: blur(8px); /* мягкость */ pointer-events: none; z-index: -1;}/* Лёгкая тень/пересвет по центру для глубины */ #page\#6 .divider::after{content: ""; position: absolute; left: 50%; top: 50%; width: 90%; height: 40px; transform: translate(-50%, -50%); background: radial-gradient(ellipse at center, color-mix(in oklab, currentColor 35%, transparent) 0%, transparent 70%); filter: blur(10px); pointer-events: none; z-index: -1;}/* Модификаторы цвета (по желанию) */ #page\#6 .divider--red{color: #D51F26;}/* красный вариант */ #page\#6 .divider--gold{color: #C0A739;}/* золотой вариант */ #page\#6 .divider--white{color: #ffffff;}/* белое свечение */ #page\#6 .divider--blue{color: #5980BD;}/* белое свечение */ /* Тонкая настройка плотности свечения (необязательно) */ @media (max-width: 640px){#page\#6 .divider{width: 100%;}#page\#6 .divider::before{inset: -12px 0; filter: blur(7px);}#page\#6 .divider::after{height: 32px; filter: blur(8px);}}#page\#6{margin:100px;}/* Базовый разделитель: тонкая линия + мягкое свечение */ #page\#7 .divider{position: relative; width: min(100%, 960px); /* ширина разделителя */ height: 2px; /* толщина центральной линии */ margin: 24px auto; /* центрирование по странице */ background: linear-gradient(90deg, rgba(255,255,255,0) 0%, currentColor 45%, currentColor 55%, rgba(255,255,255,0) 100%); /* яркая сердцевина */ color: #5980BD; /* базовый цвет свечения (красный) */ isolation: isolate; /* лучший композитинг слоёв */}/* Свечение сверху/снизу — радиальные градиенты + blur на псевдоэлементе */ #page\#7 .divider::before{content: ""; position: absolute; inset: -16px 0; /* высота “ореола” */ background: radial-gradient(ellipse at 50% 48%, color-mix(in oklab, currentColor 55%, transparent) 0%, color-mix(in oklab, currentColor 35%, transparent) 20%, transparent 60%) center/100% 100% no-repeat; /* основное свечение */ filter: blur(8px); /* мягкость */ pointer-events: none; z-index: -1;}/* Лёгкая тень/пересвет по центру для глубины */ #page\#7 .divider::after{content: ""; position: absolute; left: 50%; top: 50%; width: 90%; height: 40px; transform: translate(-50%, -50%); background: radial-gradient(ellipse at center, color-mix(in oklab, currentColor 35%, transparent) 0%, transparent 70%); filter: blur(10px); pointer-events: none; z-index: -1;}/* Модификаторы цвета (по желанию) */ #page\#7 .divider--red{color: #D51F26;}/* красный вариант */ #page\#7 .divider--gold{color: #C0A739;}/* золотой вариант */ #page\#7 .divider--white{color: #ffffff;}/* белое свечение */ #page\#7 .divider--blue{color: #5980BD;}/* белое свечение */ /* Тонкая настройка плотности свечения (необязательно) */ @media (max-width: 640px){#page\#7 .divider{width: 100%;}#page\#7 .divider::before{inset: -12px 0; filter: blur(7px);}#page\#7 .divider::after{height: 32px; filter: blur(8px);}}#page\#7{margin:100px;}#page\#8{color:#5980BD;}#page\#9{pointer-events: none; -khtml-user-select: none; -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none;}#page\#10{font-weight: 700; font-size: 26px; line-height: 38px; color:#5980BD;}#page\#11{font-weight: 500; font-size: 18px; color:#5980BD; line-height: 26px;}#page\#12{color:white !important;}#page\#13{pointer-events: none; -khtml-user-select: none; -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none;}#page\#14{font-weight: 700; font-size: 26px; line-height: 38px; color:#5980BD;}#page\#15{font-weight: 500; font-size: 18px; color:#5980BD; line-height: 26px;}#page\#16{color: #fff !important;}#page\#16 ul li a{color: #5980BD;}/* Базовый разделитель: тонкая линия + мягкое свечение */ #page\#17 .divider{position: relative; width: min(100%, 960px); /* ширина разделителя */ height: 2px; /* толщина центральной линии */ margin: 24px auto; /* центрирование по странице */ background: linear-gradient(90deg, rgba(255,255,255,0) 0%, currentColor 45%, currentColor 55%, rgba(255,255,255,0) 100%); /* яркая сердцевина */ color: #5980BD; /* базовый цвет свечения (красный) */ isolation: isolate; /* лучший композитинг слоёв */}/* Свечение сверху/снизу — радиальные градиенты + blur на псевдоэлементе */ #page\#17 .divider::before{content: ""; position: absolute; inset: -16px 0; /* высота “ореола” */ background: radial-gradient(ellipse at 50% 48%, color-mix(in oklab, currentColor 55%, transparent) 0%, color-mix(in oklab, currentColor 35%, transparent) 20%, transparent 60%) center/100% 100% no-repeat; /* основное свечение */ filter: blur(8px); /* мягкость */ pointer-events: none; z-index: -1;}/* Лёгкая тень/пересвет по центру для глубины */ #page\#17 .divider::after{content: ""; position: absolute; left: 50%; top: 50%; width: 90%; height: 40px; transform: translate(-50%, -50%); background: radial-gradient(ellipse at center, color-mix(in oklab, currentColor 35%, transparent) 0%, transparent 70%); filter: blur(10px); pointer-events: none; z-index: -1;}/* Модификаторы цвета (по желанию) */ #page\#17 .divider--red{color: #D51F26;}/* красный вариант */ #page\#17 .divider--gold{color: #C0A739;}/* золотой вариант */ #page\#17 .divider--white{color: #ffffff;}/* белое свечение */ #page\#17 .divider--blue{color: #5980BD;}/* белое свечение */ /* Тонкая настройка плотности свечения (необязательно) */ @media (max-width: 640px){#page\#17 .divider{width: 100%;}#page\#17 .divider::before{inset: -12px 0; filter: blur(7px);}#page\#17 .divider::after{height: 32px; filter: blur(8px);}}#page\#17{margin:100px;}#page\#18{color:#5980BD;}/* Базовый разделитель: тонкая линия + мягкое свечение */ #page\#19 .divider{position: relative; width: min(100%, 960px); /* ширина разделителя */ height: 2px; /* толщина центральной линии */ margin: 24px auto; /* центрирование по странице */ background: linear-gradient(90deg, rgba(255,255,255,0) 0%, currentColor 45%, currentColor 55%, rgba(255,255,255,0) 100%); /* яркая сердцевина */ color: #5980BD; /* базовый цвет свечения (красный) */ isolation: isolate; /* лучший композитинг слоёв */}/* Свечение сверху/снизу — радиальные градиенты + blur на псевдоэлементе */ #page\#19 .divider::before{content: ""; position: absolute; inset: -16px 0; /* высота “ореола” */ background: radial-gradient(ellipse at 50% 48%, color-mix(in oklab, currentColor 55%, transparent) 0%, color-mix(in oklab, currentColor 35%, transparent) 20%, transparent 60%) center/100% 100% no-repeat; /* основное свечение */ filter: blur(8px); /* мягкость */ pointer-events: none; z-index: -1;}/* Лёгкая тень/пересвет по центру для глубины */ #page\#19 .divider::after{content: ""; position: absolute; left: 50%; top: 50%; width: 90%; height: 40px; transform: translate(-50%, -50%); background: radial-gradient(ellipse at center, color-mix(in oklab, currentColor 35%, transparent) 0%, transparent 70%); filter: blur(10px); pointer-events: none; z-index: -1;}/* Модификаторы цвета (по желанию) */ #page\#19 .divider--red{color: #D51F26;}/* красный вариант */ #page\#19 .divider--gold{color: #C0A739;}/* золотой вариант */ #page\#19 .divider--white{color: #ffffff;}/* белое свечение */ #page\#19 .divider--blue{color: #5980BD;}/* белое свечение */ /* Тонкая настройка плотности свечения (необязательно) */ @media (max-width: 640px){#page\#19 .divider{width: 100%;}#page\#19 .divider::before{inset: -12px 0; filter: blur(7px);}#page\#19 .divider::after{height: 32px; filter: blur(8px);}}#page\#19{margin:100px;}#page\#20{color:#5980BD;}#page\#21 .el-title{color:#5980BD;}#page\#21 .el-content{color:white !important;}/* Базовый разделитель: тонкая линия + мягкое свечение */ #page\#22 .divider{position: relative; width: min(100%, 960px); /* ширина разделителя */ height: 2px; /* толщина центральной линии */ margin: 24px auto; /* центрирование по странице */ background: linear-gradient(90deg, rgba(255,255,255,0) 0%, currentColor 45%, currentColor 55%, rgba(255,255,255,0) 100%); /* яркая сердцевина */ color: #5980BD; /* базовый цвет свечения (красный) */ isolation: isolate; /* лучший композитинг слоёв */}/* Свечение сверху/снизу — радиальные градиенты + blur на псевдоэлементе */ #page\#22 .divider::before{content: ""; position: absolute; inset: -16px 0; /* высота “ореола” */ background: radial-gradient(ellipse at 50% 48%, color-mix(in oklab, currentColor 55%, transparent) 0%, color-mix(in oklab, currentColor 35%, transparent) 20%, transparent 60%) center/100% 100% no-repeat; /* основное свечение */ filter: blur(8px); /* мягкость */ pointer-events: none; z-index: -1;}/* Лёгкая тень/пересвет по центру для глубины */ #page\#22 .divider::after{content: ""; position: absolute; left: 50%; top: 50%; width: 90%; height: 40px; transform: translate(-50%, -50%); background: radial-gradient(ellipse at center, color-mix(in oklab, currentColor 35%, transparent) 0%, transparent 70%); filter: blur(10px); pointer-events: none; z-index: -1;}/* Модификаторы цвета (по желанию) */ #page\#22 .divider--red{color: #D51F26;}/* красный вариант */ #page\#22 .divider--gold{color: #C0A739;}/* золотой вариант */ #page\#22 .divider--white{color: #ffffff;}/* белое свечение */ #page\#22 .divider--blue{color: #5980BD;}/* белое свечение */ /* Тонкая настройка плотности свечения (необязательно) */ @media (max-width: 640px){#page\#22 .divider{width: 100%;}#page\#22 .divider::before{inset: -12px 0; filter: blur(7px);}#page\#22 .divider::after{height: 32px; filter: blur(8px);}}#page\#22{margin:100px;}#page\#23 .el-title{color:#5980BD; font-weight:600;}/* Базовый разделитель: тонкая линия + мягкое свечение */ #page\#24 .divider{position: relative; width: min(100%, 960px); /* ширина разделителя */ height: 2px; /* толщина центральной линии */ margin: 24px auto; /* центрирование по странице */ background: linear-gradient(90deg, rgba(255,255,255,0) 0%, currentColor 45%, currentColor 55%, rgba(255,255,255,0) 100%); /* яркая сердцевина */ color: #5980BD; /* базовый цвет свечения (красный) */ isolation: isolate; /* лучший композитинг слоёв */}/* Свечение сверху/снизу — радиальные градиенты + blur на псевдоэлементе */ #page\#24 .divider::before{content: ""; position: absolute; inset: -16px 0; /* высота “ореола” */ background: radial-gradient(ellipse at 50% 48%, color-mix(in oklab, currentColor 55%, transparent) 0%, color-mix(in oklab, currentColor 35%, transparent) 20%, transparent 60%) center/100% 100% no-repeat; /* основное свечение */ filter: blur(8px); /* мягкость */ pointer-events: none; z-index: -1;}/* Лёгкая тень/пересвет по центру для глубины */ #page\#24 .divider::after{content: ""; position: absolute; left: 50%; top: 50%; width: 90%; height: 40px; transform: translate(-50%, -50%); background: radial-gradient(ellipse at center, color-mix(in oklab, currentColor 35%, transparent) 0%, transparent 70%); filter: blur(10px); pointer-events: none; z-index: -1;}/* Модификаторы цвета (по желанию) */ #page\#24 .divider--red{color: #D51F26;}/* красный вариант */ #page\#24 .divider--gold{color: #C0A739;}/* золотой вариант */ #page\#24 .divider--white{color: #ffffff;}/* белое свечение */ #page\#24 .divider--blue{color: #5980BD;}/* белое свечение */ /* Тонкая настройка плотности свечения (необязательно) */ @media (max-width: 640px){#page\#24 .divider{width: 100%;}#page\#24 .divider::before{inset: -12px 0; filter: blur(7px);}#page\#24 .divider::after{height: 32px; filter: blur(8px);}}#page\#24{margin:100px;}#page\#25{color:#5980BD;}#page\#26 .btn-lg,#page\#26 .uk-button-large{padding: 0px 39px; line-height: 65px; font-size: 30px; border-color: #5980BD; color:white !important}#page\#26 .btn-info:hover,#page\#26 .btn-primary:hover,#page\#26 .btn-success:hover,#page\#26 .uk-button-primary:hover{background-color: #5980BD; color: #fff; border-color: #5980BD;}/* База (мобильные/планшеты) — без отрицательного отступа */ #page\#27{background: #020100; margin-top: 0; /* или текущий мобильный стиль */}/* Desktop и шире: применяем -182px */ @media (min-width: 1024px){#page\#27{padding-top: -100px !important;}}

.sn-1{color: #ecf0f1;}
.sn-2{color: #5980bd;}
.sn-3{color: #5980bd;}
.sn-4{color: #5980bd;}
.sn-5{position: relative; padding-top: 56.25%; width: 100%}
.sn-6{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.sn-7{color: #5980bd;}
.sn-8{color: #ffffff;}
.sn-9{color: #ffffff;}
.sn-10{color: #ffffff;}
.sn-11{color: #ffffff;}
.sn-12{color: #ffffff;}
.sn-13{color: #5980bd;}
.sn-14{color: #5980bd;}
.sn-15{color: #ffffff;}
.sn-16{color: #5980bd;}
.sn-17{color: #ffffff;}
.sn-18{color: #5980bd;}
.sn-19{color: #ffffff;}
.sn-20{color: #5980bd;}
.sn-21{color: #ffffff;}
.sn-22{color: #7c8b8c;}