*, :before {margin:0; padding:0; box-sizing:border-box; outline:none; border:0; box-shadow:none;}
body {font:400 15px/1 'Open Sans', 'Segoe UI', Arial, sans-serif; color:#fff; background-color:#F6F6F6; position:relative; max-width:100%; background:
radial-gradient(circle at 0 30%, #E364FF 0%, transparent 15%),
radial-gradient(circle at 0 40%, #64FFFC 0%, transparent 15%),
radial-gradient(circle at 100% 80%, #DC93DC 0%, transparent 15%),
radial-gradient(circle at 10% 90%, #d1bdff 0%, transparent 10%),
radial-gradient(circle at 100% 60%, #ffbaaf 0%, transparent 20%)
}


:root {--awesome:"Font Awesome 6 Pro";}

a {text-decoration:none;}
ul, nav {list-style:none;}
.red {border:1px solid red;}
.flex {display:flex;}

h1, h2, h3 {font-family:'Roboto'; font-weight:300}
img, svg { vertical-align:middle;}

.display_no {display:none}

.head_info {background-color:#572b9d}
.text-center {text-align:center !important;}
.rel {position:relative !important;}
.abs {position:absolute;}

.bt_anim_1 {animation:bg-move linear 6s infinite; background-image:linear-gradient(314deg, transparent 25%, rgba(255, 255, 255, 0.5) 46%, transparent 60%); background-repeat:no-repeat; }

@keyframes bg-move {
    0% {background-position:-500px 0;}
    40% {background-position:1000px 0;}
    100% {background-position:1000px 0;}
}

.wave-dark, .wave-grey {position:absolute; bottom:0; left:0; width:100%; height:auto; pointer-events:none; overflow:hidden}
.wave-dark path, .wave-grey path {transform:scale(1.2, 1); transform-origin:50% 100%;}
.wave-dark .wave-path-1 {fill:rgba(1, 201, 245, 0.3); animation:wave1 15s ease-in-out infinite;}
.wave-dark .wave-path-2 {fill:rgba(226, 63, 236, 0.4); animation:wave2 15s ease-in-out infinite;}
.wave-dark .wave-path-3 {fill:rgba(0, 102, 255, 0.2); animation:wave3 15s ease-in-out infinite;}

.wave-grey path {fill:rgba(77, 68, 104, 0.02); animation:wave4 6s ease-in-out infinite; transform-origin:50%;}

@keyframes wave1 {
    25% {transform-origin:0 100%; transform:scale(1.4, 1.3);}
    75% {transform:scale(1.4, 0.7); transform-origin:100% 100%;}
}

@keyframes wave2 {
    25% {transform-origin:0 100%;}
    50% {transform:scale(1.3, 0.8);}
    75% {transform-origin:100% 100%;}
}

@keyframes wave3 {
    25% {transform-origin:100% 100%;}
    50% {transform:scale(1.2, 0.9);}
    75% {transform-origin:0 100%;}
}

@keyframes wave4 {
    25% {transform:scaleY(0.9);}
    75% {transform:scaleY(1.1);}
}


.menu_top {height:75px; position:fixed; top:0; left:0; right:0; padding:0 0.6%; z-index:10; background0:linear-gradient(54deg, #9869e3 0%, #8160d1 45%, #ab73cf 80%, #639aff 100%); background-color0:#572b9d }
.menu_top.upscroll { background-color:rgba(87, 43, 157, 0.9) }
.menu_top_center {width:100%; max-width:1280px; height:100%; margin:0 auto; justify-content:space-between; align-items:center;}
.menu_top_center img {height:40px; }
.menu_top_center ul {flex:1; justify-content:center; }
.menu_top_center ul li {margin-right:8%; align-items:padding:0 40px; cursor:pointer}
.menu_top_center ul li a {color:#fff}
.logo_text {bottom:-10px; right:0; font-size:12px;}
.logo_tech {font:600 40px Arial;}
.logo_tech b {font-weight:600; color:#01C9F5}
.logo_tech span {font-weight:100; color:#fff; margin-left:15px; font-size:35px; background-color:#DB70FF; border-radius:40px; padding:10px 15px;}
.head_info .logo_tech {font-size:80px; align-items:center; justify-content:center; }

.scroll_soc {color:#01C9F5;}

.bt { cursor:pointer;}
.page_up_bt { position:fixed;bottom:1vh; right:1vw; z-index:19; width:80px; height:80px; border-radius:50%; display:flex; justify-content:center; align-items:center; background-color:rgba(1, 201, 245, 0.8);}
.page_up_bt i {font-size:40px; color:#F9F9FB;}

.bt_2 {-webkit-touch-callout:none; -khtml-user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent;}


.menu_user_icon {width:22px; height:21px; text-align:center; font-size:23px; color:#fff; margin-left:8px;}
.menu_user_icon.bt_2.active {transform:rotate(90deg);}
.menu_user_icon:after {content:"\f054";}

.menu_mobile_bt {top:17px; right:0; width:34px; height:27px; margin-right:7vw; transition:all 0.3s; z-index:21}
.menu_mobile_bt b {position:absolute; display:block; width:100%; height:3px; left:0; bottom:0; background:#fff; transition:all 0.3s; border-radius:20px}
.menu_mobile_bt:before, .menu_mobile_bt:after {content:""; position:absolute; display:block; width:100%; height:3px; left:0; background:#fff; transition:all 0.3s; border-radius:20px}
.menu_mobile_bt:before {top:0;}
.menu_mobile_bt:after {top:calc(50% - 1.5px);}
.menu_mobile_bt.active {height:30px;}
.menu_mobile_bt.active b {opacity:0}
.menu_mobile_bt.active:before {transform:rotate(45deg); top:50%; border-radius:20px;}
.menu_mobile_bt.active:after {transform:rotate(-45deg); top:50%; border-radius:20px;}

.menu_user_slide.show_menu {right:0 !important;}
.menu_user_slide {position:fixed; top:75px; right:-302px; bottom:0; width:300px; background-color:#624d8d; transition:right .5s ease; z-index:20;}
.menu_user_slide > div {flex-direction:column; height:100%;}
.menu_user_slide .block_avatar {padding:15px 0;}
.menu_user_slide .block_avatar .user_avatar {position:relative; width:100px; height:100px; z-index:2;}
.menu_user_slide .block_avatar .user_avatar:before {content:""; position:absolute; width:100%; height:100%; background:linear-gradient(to right, rgba(255, 255, 255, 0.17) 30%, #acff97 70%); animation:rotate 3s linear infinite; border-radius:50%;}
.menu_user_slide .user_avatar img {width:100%; height:100%; position:relative; border:9px solid #624d8d; border-radius:50%; overflow:hidden; box-shadow:none; object-fit:cover; margin:1px;}
.menu_user_slide .menu_user_profile {left:0; bottom:14px; width:100%; justify-content:center; z-index:2;}
.menu_user_slide :where(.nav_profile, .nav_edit) {color:#fff; transition:color .3s;}
.menu_user_slide .nav_profile b {font-weight:normal; background-color:#64b6f1; padding:5px 7px; border-radius:20px;}
.menu_user_slide :where(.nav_profile, .nav_edit) {color:#fff; transition:color .3s;}
.menu_user_item {height:100%; color:#fff; padding-top:1vh; padding-bottom:65px; background-color:#363950; background:linear-gradient(180deg, #363950, #626a9e, #363950); background:linear-gradient(135deg,#5e4159 0.23%,#4E5288 35.23%,#8b67d0 100%);}
.menu_user_item li:first-of-type {border:none;}
.menu_user_item .top_rating {justify-content:space-between; align-items:center; padding-right:10px;}
.menu_user_item li {cursor:pointer; border-top:1px solid rgba(142, 139, 179, 0.1); padding:0 10px; display:flex; align-items:center; font-size:1rem; white-space:nowrap; height:8vh; height:clamp(50px, 7vh, 90px);}
.menu_user_item .top_rating > div {display:flex;}
.menu_user_item li b {width:100%; font-weight:normal;}

.slide_icon {color:#fff; font-size:16px; white-space:nowrap;}
.slide_icon i {display:inline-flex; align-items:center; justify-content:center; font-size:1.1rem; background-color:rgba(255, 255, 255, 0.1); width:6vh; max-width:50px; min-width:40px; height:6vh; max-height:50px; min-height:40px; border-radius:30%; margin:2px 15px 2px 0; transition:all .3s ease;}
.menu_user_item .vip_links div {flex:1 1 auto;}
.menu_user_item .vip_links a {flex:0 1 auto; background-color:#33CC66; padding:0 14px; color:#fff; text-align:center; font-variant:small-caps; font-size:17px; letter-spacing 0.7px:; line-height:4vh; border-radius:20px;}
.menu_user_item .item_link {width:auto;}
.menu_user_slide .nav_conf {top:10px; right:10px; color:rgba(255, 255, 255, 0.6); transition:all .3s;}
.menu_user_slide .nav_conf i {font-size:16px; vertical-align:middle; margin-right:4px; margin-bottom:2px; transition:transform 1s;}
.menu_user_slide .nav_conf:hover i {transform:rotate(45deg);}
.menu_user_slide .nav_conf:hover {color:#fff;}

.head_info {padding:10% 0 8%;}
.head_info_block {max-width:1200px; margin:0 auto; }
.head_info_block h2 {margin:10px 0 20px}
.head_info_block p {line-height:1.4}
.author_bt {display:inline-block; margin-top:5vh; transition:0.5s;}
.author_bt :is(span, a) {display:inline-block;  color:#fff; background:#01C9F5; background:linear-gradient(45deg, #00ccff, #c533ff); padding:0 40px; line-height:50px;  border-radius:20px; z-index:10;}

.author_bt0:before, .author_bt:after {content:''; opacity:0; position:absolute; inset:0; transition:0.5s; border-radius:20px; background:linear-gradient(45deg, #00ccff, #0e1538, #d400d4)}
/*.author_bt:hover:before {transform:scale(1.1, 1.1)}   */
.author_bt:hover:after{filter:blur(10px); opacity:1; transform:scale(1.1, 1.1); transition:0.5s;}

.flex {display:flex}
.num {margin:30px auto; font-size:100px; color:#01C9F5; font-family:Roboto; text-align:center;}
.center {max-width:1067px; margin:0 auto;}
.block_tim {color:#000;}
.block_tim .head { flex-direction:column; align-items:center;}
.block_tim .head h2 {font-size:36px;}
.block_tim .head h2 img {width:80px; padding-bottom:8px; margin:-10px 0;}
.block_tim .head p {margin:13px 0 30px}

.prev_bg {text-align:center;}
.prev_bg img {width:100%; max-width:1100px; min-height:250px; object-fit:cover;}

.des_block {margin-top:70px}
.des_block .info h6 {font-size:22px; font-weight:400; line-height:1.6; color:#2d1a1e; }
.des_block .info li {display:flex; align-items:center; line-height:1.625; color:#696E7B; margin-top:40px; margin-bottom:8%}
.des_block .info li > div {max-width:300px; padding-left:5%}
.des_block .info li > span {font-size:28px; background:#ac49ed; color:#fff; border-radius:50%; width:50px; height:50px; text-align:center; line-height: 50px;}
.des_block .info li .item_1 span {color:#ac49ed}
.des_block .info li .item_2 span {color:#32d2f5}
.des_block .info li .item_3 span {color:#18f7d0}

.mobile_info {height:250px; background-color:#572B9D; overflow:hidden; margin:60px 0; align-items:center; justify-content:center;}
.mobile_info section {align-items:center; margin:0 10%; max-width:1200px}
.mobile_info .text {border-left:3px solid #fff; padding:20px 5% 10px 5%;}
.mobile_info .text h2 {font:700 36px/1.25 "Arial"; }
.mobile_info .text p {margin-top:20px }
.mobile_info .wave-dark {bottom:-76%;}

.button_block > div, .button_block > a { cursor:pointer; display:flex; align-items:center; border-radius:30px; height:50px;  padding:10px 30px; margin:28px 0; line-height:1.2; color:#fff; white-space:nowrap;}
.button_block > div img {width:38px; margin-right:10px}
.app_bt {background-color:#293043;}
.open_sait_bt {background-color:#ac49ed;}
.open_sait_bt span {font-size:20px; margin-right:10px}

.android_bt {background-color:#0066FF;}

.video_info {overflow:hidden}
.video_info svg {bottom:-30px;}
.video_info .mac {width:100%; max-width:1000px;}
.video_block h2 {color:#000; font-size:30px; margin-bottom:20px;}
.player {box-sizing:content-box; margin:0 auto; width:50%; height:0; padding-bottom:30%; border-radius:20px 20px 4px 4px; background:linear-gradient(60deg, #171717 73%, #4C4C4C 75%, #212121 91%); border:2px solid #B5B5B5; border-bottom:2px solid #919191; box-shadow:0px 0px 2px #ffffff; margin-bottom:-2px;}
.player:after {content:""; position:absolute; top:3px; left:calc(50% - 5px); width:10px; height:10px; border-radius:50%; background:radial-gradient(circle at 50% 50%, #707070 0%, #000 45%);}
.video_block iframe {width:calc(100% - 36px);  height:calc(100% - 36px); position:absolute; top:18px; left:18px; bottom:0;}
.iframe_auto {width:100%; max-width:800px; min-height:400px;}

.translate_block {color:#000; align-items:center; justify-content:center; margin:30px auto;}
.translate_block > div {flex:1 1 50%;}
.translate_block h2 {font-size:44px; font-weight:400; line-height:1.2; max-width:386px; margin:0 auto; text-align:center; background:linear-gradient(100deg,#9753ed 7%,#ea68e0 22%,#e875f5 42%,#72ebf9 90%); background-clip:text; -webkit-background-clip:text; color:transparent;}
.translate_block p {margin-top:30px;font-size:24px; padding:0 10%; text-align:center; line-height:1.7; color:#37254b;}
.translate_block img {height:auto}
.translate_logo {width:100%; border-radius:20px; justify-content:center; align-items:center}

.ai_block {color:#000; align-items:center; justify-content:center; margin:30px auto;}
.ai_block > div {flex:1 1 50%;}
.ai_block h2 {font-size:44px; font-weight:400; line-height:1.2; max-width:386px; margin:0 auto; text-align:center; background:linear-gradient(100deg,#7b3a5b 12%,#61275c 22%,#ef6b56 42%,#4b1d34 90%);; background-clip:text; -webkit-background-clip:text; color:transparent;}
.ai_block p {margin-top:30px;font-size:24px; padding:0 7%; text-align:center; line-height:1.7; color:#37254b;}
.ai_logo {border-radius:36px; overflow:hidden;}
.ai_logo > div {width:100%; height:100%; background:transparent; top:0; left:160px; z-index:1;}
.ai_logo b {font-size:150px; justify-content:center; align-items:center; width:100%; height:100%; top:0; left:0; color:#fff; text-shadow:3px 5px 11px #fff; pointer-events:none;}

.liser_block { align-items: center; margin-top:8%}
.liser_block ul {font-size: 16px; color: #37254b; margin-left:10%}
.liser_block li {margin-bottom:14px}
.liser_block img {max-width:450px; border-radius:20px}


footer {background-color:#301931; margin-top:100px; height:550px; flex-direction:column; overflow:hidden}
footer .wave-grey {bottom:-30px;}
footer .wave-grey .wave-path-1 {fill:rgba(255, 255, 255, 0.05); }
footer .wave-grey .wave-path-2, footer .wave-grey .wave-path-3 {fill:rgba(255, 255, 255, 0.02);}
footer .logo_tech {color:rgba(255, 255, 255, 0.5)}
footer .logo_tech b {color:rgba(255, 255, 255, 0.3)}
footer > section {}

.block_avatar {text-align:center; color:#fff; padding-top:3%}
.block_avatar h2 {font-size:20px; margin:20px auto 4px; color:#5af6ff}
.block_avatar h3 {font-size:16px}
.block_avatar p {line-height:1.4; max-width:700px;}
.user_avatar {position:relative; width:150px; height:150px; margin:0 auto 30px; z-index:2;}
.user_avatar:before {content:""; position:absolute; width:100%; height:100%; background:linear-gradient(to right, rgba(255, 255, 255, 0.17) 30%, #0ffbba 70%); animation:rotate 3s linear infinite; border-radius:50%;}
.user_avatar img {width:100%; height:100%; position:relative; border:9px solid #301931; border-radius:50%; overflow:hidden; box-shadow:none; object-fit:cover; margin:1px;}
.menu {flex:1; max-width:600px; justify-content:space-around; margin-left:15%; font-weight:100}
.menu_l {margin-left:15%} /* для турц */
.menu h5 {font-size:15px; margin-bottom:7px; font-weight:100}
.menu i {font-size:16px; margin-right:5px}
.menu a {color:#5af6ff;}

.policy {flex:1; text-align:center; justify-content:center; align-items:flex-end; padding-bottom:20px}

@keyframes rotate {
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}

.contact {align-items:center; margin:10px 5% 0}
.contact .logo {align-items:center;}
.contact .logo img {opacity:0.5;}


@media (max-width:800px) {
    body { background:none}
    footer {height:auto; margin-top:30px}
    .menu_user_slide {width:100%; right:-100%;}
    .menu_top_center ul, .head_info_block0  {display:none !important}
    img {max-width:100%}
    main {padding:0 4px;}
    .head_info {padding-top:100px}
    .head_info .logo_tech, .logo_tech i  {font-size: 50px;}
    .logo_tech span {font-size:20px; padding:5px 10px;}
    .head_info_block h2 {font-size:20px;}
    .head_info_block p {line-height:1.2;}
    .des_block, .translate_block, .ai_block, .mobile_info section, .contact, .menu, .liser_block  { flex-direction:column;}
    .contact {margin:20px 0;}
    .menu, .menu_l {margin:0; text-align:center;}
    .menu li {margin-bottom:14px;}

    .num {margin:10px auto; font-size:80px }
    .block_tim .head h2 {font-size:26px; text-align: center; font-weight:400}
    .block_tim .head h2 img {width:59px}
    .block_tim .head p { text-align:center;}
    .des_block {margin-top:8px;}
    .des_block .info li {margin:10px auto;}
    .des_block .info li > div {margin:0 auto; padding-left:2%}
    .mobile_info {height:auto; margin:0 0 10px}
    .mobile_info .text {border:0}
    .mobile_info .text h2 {font-size:25px}
    .translate_block h2, .ai_block h2 {font-size:33px;}
    .translate_block p, .ai_block p {margin-top:15px}
    .player {width:90%; padding-bottom:50%;}
    .iframe_auto {width:100%;  min-height:254px}
    .liser_block ul {margin-top:20px;}
    .block_avatar p {text-align:justify; padding: 0 20px;}




}