.intro, .intro * {margin:0;padding:0;box-sizing:border-box;}
.intro {font-family:'e-Ukraine';font-size:12px;line-height:1.2;color:#fff;position:fixed;inset:0;}
.intro img{max-width:100%;vertical-align:middle;}
@font-face{font-family: 'Inter'; src: url('assets/fonts/Inter-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal;}
@font-face{font-family: 'Inter'; src: url('assets/fonts/Inter-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal;}
@font-face{font-family: 'Inter'; src: url('assets/fonts/Inter-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal;}
@font-face{font-family: 'ermilov'; font-display: swap; font-style: normal; font-weight: 700; src: url('assets/fonts/ermilov-bold.woff') format('woff');}
@font-face{font-family: 'e-Ukraine'; src: url('assets/fonts/e-Ukraine-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap;}
@font-face{font-family: 'e-Ukraine'; src: url('assets/fonts/e-Ukraine-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap;}
@font-face{font-family: 'e-Ukraine'; src: url('assets/fonts/e-Ukraine-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap;}
@font-face{font-family: 'e-Ukraine'; src: url('assets/fonts/e-Ukraine-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap;}
@font-face{font-family: 'Cuprum'; src: url('assets/fonts/Cuprum-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap;}
@font-face{font-family: 'Cuprum'; src: url('assets/fonts/Cuprum-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap;}
@font-face{font-family: 'Cuprum'; src: url('assets/fonts/Cuprum-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap;}
@font-face{font-family: 'Cuprum'; src: url('assets/fonts/Cuprum-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap;}
.intro{background-image: url(assets/img/main_bg.png);background-size: cover;background-position: center;background-repeat: no-repeat;z-index: 9999;overflow: hidden;overflow-y: auto;width:100%;height:100dvh;position: fixed;top: 0;left: 0;right:0;bottom:0;background-color: #142760;display: flex;flex-direction: column;justify-content: space-between;color: #fff;transition: 0.4s;opacity: 1;}
.intro .wrap{display: flex;flex-direction: column;width: 100%;height: 100%;justify-content: space-between;min-height: 500px;}
.intro .background-wrap{position: absolute;z-index: 1;top: 0px;left: 0px;width: 100%;height: 100%;background-color: #31383959;}
.intro .background-wrap .bk-img{position: absolute;z-index: 1;display: none;}
.intro .background-wrap .flower-img{position: absolute;z-index: 2;left: 0px;bottom: 90px;height: auto;display: none;}
.intro .lang-wrap{position: relative;z-index: 2;display: flex;justify-content: space-between;border-bottom: 2px solid #fff;align-items: center;padding-bottom: 12px;margin: 20px 22px 0 22px;font-family: 'Cuprum';}
.intro .lang-wrap .txt{font-size: 22px;font-weight: 700;}
.intro .lang-wrap .lang{display: flex;font-size: 16px;line-height: 14px;font-weight: 700;}
.intro .lang-wrap .lang div{background: transparent;width: 36px;height: 36px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.intro .lang-wrap .lang .ua{margin-right: 0px;}
.intro .lang-wrap .lang .active{background: linear-gradient(134deg, #8405A1 0%, #D20EC2 100%);}
.intro .lang-wrap .lang span{display: block;}
.intro .lang-wrap .lang a{color: #fff;text-decoration: none;display: block;}
.intro .lang-wrap .lang a:hover{text-decoration: underline;}
.intro .title{position: relative;z-index: 2;display: flex;flex-direction: column;align-items: flex-start;z-index: 1;margin: 0px 22px 0 22px;}
.intro .title img{width: 60%;}
.intro .partner{position: relative;z-index: 2;display: flex;background: #fff;padding: 15px 0px;justify-content: space-between;align-items: center;flex-direction: column;}
.intro .partner .logo{display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 0 16px;gap: 10px;}
.intro .partner .logo img{height: 45px;}
.intro .partner .logo .lg1, .intro .partner .logo .lg2{display:none;}
.intro .partner .copyright-wrap{color: #000000;display: flex;align-items: center;width: 100%;margin-top: 10px;padding: 0px 20px;flex-direction: column;font-family: 'Cuprum';}
.intro .partner .copyright-wrap .copy{font-size: 12px;text-align: center;}
.intro .partner .copyright-wrap .powered{font-size: 12px;white-space: nowrap;}
.intro .partner .copyright-wrap .powered a{color:#000000;}
.intro .partner .copyright-wrap .imersum{display:none;}
.promo-vr{position: absolute;display: none;}
.intro-button{width: 100%;height: 44px;font-family: 'Cuprum';background: linear-gradient(45deg, #CB1CBC 0%, #75248F 100%);font-size: 22px;line-height: 44px;font-weight: 700;border-radius: 50px;display: flex;align-items: center;justify-content: center;margin: 30px auto 0;cursor: pointer;box-shadow: 0 0 0 2px #ffffffad;}
.intro-button:hover{cursor:pointer;background: #376a81;}
.intro-button.hide{display: none;}
.intro.hide{opacity: 0;user-select: none;pointer-events: none;}
@media screen and (min-width: 390px) and (orientation: portrait){.intro .wrap{min-height: 600px;}.intro .lang-wrap{margin: 24px 26px 0 26px;}.intro .title{margin: 0px 36px 0 36px;}.intro .title img{width: 65%;}.intro .partner .logo{padding: 0 26px;}.intro .partner .copyright-wrap{margin-top: 16px;}.intro-button{height: 46px; line-height: 46px;}}
@media screen and (min-width: 760px) and (orientation: portrait){.intro .lang-wrap{margin: 40px 50px 0 50px;padding-bottom: 20px;}.intro .lang-wrap .txt{font-size: 30px;}.intro .lang-wrap .lang{font-size: 20px;}.intro .lang-wrap .lang div{width: 50px; height: 50px;}.intro .title{margin: 0px 70px 0 70px;}.intro .title img{width: 62%;}.intro .partner .logo{padding: 0px 66px;}.intro .partner .logo .lg1{display:block;height: 16px;}.intro .partner .logo .lg2{display:block;height: 22px;}.intro .partner .logo .lg3{display:none;}.intro .partner .copyright-wrap{flex-direction: row;justify-content: space-between;padding: 0px 64px;margin-top: 22px;}.intro .partner .copyright-wrap .copy{font-size: 14px;}.intro .partner .copyright-wrap .powered{font-size: 14px;}.intro-button{height: 56px; line-height: 56px; font-size: 28px; width: 62%; margin: 32px 0;}}
@media screen and (min-width: 1020px) and (orientation: portrait){.intro .lang-wrap{margin: 60px 70px 0 70px;padding-bottom: 22px;}.intro .lang-wrap .txt{font-size: 40px;}.intro .lang-wrap .lang{font-size: 28px;}.intro .lang-wrap .lang div{width: 70px;height: 70px;}.intro .title{margin: 0px 110px 0 110px;}.intro .partner .logo{padding: 0px 76px;}.intro .partner .logo img{height: 60px;}.intro .partner .logo .lg1{height: 20px;}.intro .partner .logo .lg2{height: 30px;}.intro .partner .copyright-wrap{padding: 0px 74px;margin-top: 26px;}.intro .partner .copyright-wrap .copy{font-size: 16px;}.intro .partner .copyright-wrap .powered{font-size: 16px;}.intro-button{height: 74px;line-height: 74px; font-size: 36px; width: 65%; margin: 42px 0 0 0;}}
@media screen and (orientation: landscape){.intro{background-image: none;background: linear-gradient(135deg, #D71CB8 7%, #212ACF 44%, #0F3177 75%, #62A78D 95%);overflow-x: auto;}.intro .wrap{min-height: 520px; min-width: 980px; position: relative;}.intro .background-wrap{background-color: transparent;}.intro .background-wrap .bk-img{right: 50px;top: -16px;width: auto;aspect-ratio: 1 / 1;height: 100%;min-height: 10%;display: block;border-radius: 100%;overflow: hidden;position: absolute;z-index: 1;}.intro .background-wrap .bk-img img{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;object-fit: cover;display: block;}.intro .background-wrap .flower-img{left: -53px;bottom: 0px;display: block;width: 24%;}.intro .background-wrap .flower-img img{display: block;width: 100%;}.intro .lang-wrap{padding-bottom: 0px;margin: 32px 42px 0 68px;border: none;}.intro .lang-wrap .txt{font-size: calc(24/ 1024 * 100vw);}.intro .lang-wrap .lang{font-size: calc(22 / 1024 * 100vw);}.intro .lang-wrap .lang div{width: calc(50 / 1024 * 100vw);height: calc(50 / 1024 * 100vw);}.intro .lang-wrap .lang a:hover{text-decoration: underline;}.intro .title{margin: 0 0 0 82px;align-items: flex-start;}.intro .title img{width: 25%;display: block;}.intro-button{width: 27%;height: 46px;font-size: 20px;line-height: 32px;margin: 26px 0 0 0;text-transform: uppercase;}.intro .partner{display: flex;align-items: center;gap: 24px;flex-direction: row;justify-content: space-around;padding: 15px 40px;}.intro .partner .logo, .intro .partner .copyright-wrap{display: contents;}.intro .partner img{display: block; width: auto; max-height: 42px; flex-shrink: 0;}.intro .partner .copyright-wrap .copy{max-width: 220px; line-height: 1.35;}.intro .partner .copyright-wrap .copy span{display: block;}.intro .partner .copyright-wrap .powered{display: flex; flex-direction: column; gap: 4px; flex-shrink: 0;}.intro .partner .copyright-wrap .powered span{white-space: nowrap;line-height: 1;}.intro .partner .logo img{height: 40px;}.intro .partner .logo .lg1{display:block;height: 12px;}.intro .partner .logo .lg2{display:block;height: 20px;}.intro .partner .logo .lg3{display:none;}.intro .partner .copyright-wrap span{display:block;}.intro .partner .copyright-wrap .imersum{display:block;}.promo-vr{position: absolute;z-index: 2;display: block;bottom: 110px;right: 40px;width: 160px;height: 160px;background-color: #0000003b;border-radius: 50%;border: 8px solid #00000005;}.promo-vr .img1{position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 50%;}.promo-vr .img2{position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);animation: anime-vrpromo 30s linear infinite;}}
@media screen and (min-width: 1280px) and (orientation: landscape){.intro .wrap{min-height: 580px; overflow: hidden;}.intro .background-wrap .bk-img{height: 111%;right: calc(90 / var(--ui-display) * 100vw);top: calc(-106 / var(--ui-display) * 100vh);}.intro .background-wrap .flower-img{width: calc(242 / var(--ui-display) * 100vw); left: calc(-44 / var(--ui-display) * 100vw);}.intro .lang-wrap .txt{font-size: calc(24/ var(--ui-display) * 100vw);}.intro .lang-wrap .lang{font-size: calc(22 / var(--ui-display) * 100vw);}.intro .lang-wrap .lang div{width: calc(50 / var(--ui-display) * 100vw); height: calc(50 / var(--ui-display) * 100vw);}.intro .title{margin-left: calc(72 / var(--ui-display) * 100vw);margin-top: -32px;}.intro .title img{width: calc(245 / var(--ui-display) * 100vw);}.intro-button{width: calc(245 / var(--ui-display) * 100vw);}.intro .partner img{height: 50px;max-height: 100px;}.intro .partner .logo .lg1{height: 14px;}.intro .partner .logo .lg2{height: 22px;margin-top: -4px;}.intro .partner .copyright-wrap .copy{font-size: 14px;max-width: 260px;}.intro .partner .copyright-wrap .powered{font-size: 14px;}.promo-vr{bottom: calc(232 / var(--ui-display) * 100vh); right: calc(50 / var(--ui-display) * 100vw); width: calc(160 / var(--ui-display) * 100vw); height: auto; aspect-ratio:1 / 1;}}
@media screen and (min-width: 1530px) and (orientation: landscape){.intro .background-wrap .bk-img{height: 126%;}.intro-button{height: 54px; font-size: 24px; line-height: 54px;}.intro .partner .copyright-wrap .copy{font-weight: 700;}.intro .partner .copyright-wrap .powered{font-weight: 700;}}
@media screen and (min-width: 1600px) and (orientation: landscape){.intro .wrap{min-height: 620px;}.intro .lang-wrap .txt{font-size: calc(28/ var(--ui-display) * 100vw);}.intro .title{margin-left: calc(92 / var(--ui-display) * 100vw);}.intro .title img{width: calc(305 / var(--ui-display) * 100vw);}.intro-button{width: calc(315 / var(--ui-display) * 100vw);}.promo-vr{bottom: calc(262 / var(--ui-display) * 100vh); right: calc(62 / var(--ui-display) * 100vw); width: calc(190 / var(--ui-display) * 100vw);}}
@media screen and (min-width: 1680px) and (orientation: landscape){.intro .wrap{min-height: 740px;}.intro .background-wrap .bk-img{height: 112%;}.intro .background-wrap .flower-img{width: calc(332 / var(--ui-display) * 100vw); left: calc(-26 / var(--ui-display) * 100vw);}.intro .lang-wrap{margin: 52px 62px 0 88px;}.intro .title{margin-left: calc(108 / var(--ui-display) * 100vw);}.intro .title img{width: calc(345 / var(--ui-display) * 100vw);}.intro-button{width: calc(355 / var(--ui-display) * 100vw); height: 68px; font-size: 30px;}.intro .partner{padding: 18px 80px;}.intro .partner .copyright-wrap .copy{font-size: 17px; max-width: 330px;}.intro .partner .copyright-wrap .powered{font-size: 17px;}.intro .partner .logo img{height: 56px;}.intro .partner .logo .lg1{height: 18px;}.intro .partner .logo .lg2{height: 26px;}.promo-vr{bottom: calc(228 / var(--ui-display) * 100vh); width: calc(220 / var(--ui-display) * 100vw);}}
@media screen and (min-width: 1900px) and (orientation: landscape){.intro .wrap{min-height: 840px;}.intro .lang-wrap{margin: 72px 82px 0 118px;}.intro .lang-wrap .txt{font-size: calc(32/ var(--ui-display) * 100vw);}.intro .partner{padding: 26px 100px;}.intro .partner .copyright-wrap .copy{font-size: 22px; max-width: 420px;}.intro .partner .copyright-wrap .powered{font-size: 22px;}.promo-vr{width: calc(200 / var(--ui-display) * 100vw);}}
@media screen and (min-width: 2200px) and (orientation: landscape){.intro .wrap{min-height: 1080px;}.intro .background-wrap .bk-img{height: 102%; top: calc(-78 / var(--ui-display) * 100vh);}.intro .background-wrap .flower-img{width: calc(352 / var(--ui-display) * 100vw); left: calc(-40 / var(--ui-display) * 100vw);}.intro .lang-wrap .lang{font-size: calc(26 / var(--ui-display) * 100vw);}.intro .lang-wrap .lang div{width: calc(58 / var(--ui-display) * 100vw); height: calc(58 / var(--ui-display) * 100vw);}.intro .title{margin-top: -82px;}.intro .title img{width: calc(385 / var(--ui-display) * 100vw);}.intro-button{width: calc(398 / var(--ui-display) * 100vw); height: 84px; font-size: 38px;}.intro .partner .logo img{height: 80px;}.intro .partner .logo .lg1{height: 22px;}.intro .partner .logo .lg2{height: 36px;}}@media screen and (min-width: 1280px) and (orientation: landscape) { :root {--ui-display: 1280;--ui-scale: 1;} }
@media screen and (min-width: 1600px) and (orientation: landscape) { :root {--ui-display: 1600;} }
.intro.hide{opacity:0;pointer-events:none;transition:opacity .6s}