:root{--black: #000000;--main-background: #101010;--main-color: #ffffff;--main-btn-color: #4E58F6;--main-btn-hover-color: #3a44c9;--small-fz: 12px;--medium-fz: 16px}html,body,div,section,a,p,h1,h2,h3,h4,h5,h6,nav,ul,li{margin:0;padding:0;box-sizing:border-box}html{background:linear-gradient(180deg,var(--black) 0%,var(--black) 20%,var(--main-background) 30%,var(--main-background) 100%);color:var(--main-color);font-family:Montserrat,sans-serif;scroll-behavior:smooth}html main{position:relative;overflow:hidden}html *{font-family:Montserrat,sans-serif;box-sizing:border-box;font-size:var(--small-fz)}.container{width:100%;padding:0 100px}@media screen and (max-width: 1024px){.container{padding:0 20px}}.aboutUs{width:100%;max-width:1920px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:20px auto}.aboutUs .left{width:50%}.aboutUs .left .left-top{padding:7px 12px;width:max-content;background-color:#4e58f61a;border-radius:14px;color:var(--main-btn-color);font-weight:600;text-transform:uppercase}.aboutUs .left h3{margin:6px 0 24px;font-size:28px;font-weight:700;line-height:120%;letter-spacing:-.32px}@media screen and (max-width: 1280px){.aboutUs .left h3{font-size:20px}}.aboutUs .left .left-middle{padding:18px;background:#4e58f61a;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:12px}.aboutUs .left .left-middle .description{font-size:var(--medium-fz);font-weight:400;line-height:24px;color:#fff9}@media screen and (max-width: 1280px){.aboutUs .left .left-middle .description{font-size:14px}}.aboutUs .left .left-middle div{display:flex;align-items:center;gap:12px;margin-top:30px}.aboutUs .left .left-middle div svg{width:48px;height:48px;padding:12px;border-radius:12px;background-color:var(--main-btn-color)}.aboutUs .left .left-middle div span{font-weight:700;font-size:28px}.aboutUs .left .left-middle div p{font-size:14px;font-weight:400;color:#fff9}.aboutUs .left .left-bottom{margin-top:12px;display:flex;align-items:center;gap:12px}.aboutUs .left .left-bottom .simple{width:50%;height:160px;padding:18px;background:#4e58f61a;border-radius:12px}.aboutUs .left .left-bottom .simple h4{margin-bottom:6px;background:linear-gradient(90deg,#bfc1e9,#434bba);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:28px;font-weight:700}@media screen and (max-width: 1280px){.aboutUs .left .left-bottom .simple h4{font-size:22px}}.aboutUs .left .left-bottom .simple .description{font-size:14px;font-weight:400;line-height:21px;color:#fff9}@media screen and (max-width: 1280px){.aboutUs .left .left-bottom .simple .description{font-size:var(--small-fz);line-height:17px}}.aboutUs .left .left-bottom .simple.flexed{display:flex;justify-content:center;align-items:center}.aboutUs .left .left-bottom .simple.flexed svg{height:115px;width:95px;margin-right:5px}.aboutUs .left .left-bottom .simple.flexed svg.mirror{transform:scaleX(-1)}.aboutUs .left .left-bottom .simple.flexed h5{text-transform:uppercase;font-size:var(--medium-fz);text-align:center}.aboutUs .left .left-bottom .simple.flexed p{font-size:11px;font-weight:400;line-height:14px;color:#fff9;text-align:center}.aboutUs .left .left-bottom .simple.flexed hr{width:100%;height:1px;margin:6px 0;border:none;background-color:#fff3}.aboutUs .left .left-bottom svg{width:24px;height:24px;color:var(--main-btn-color)}.aboutUs .right{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.aboutUs .right img{width:100%;height:auto}@media screen and (max-width: 1024px){.aboutUs{flex-direction:column;margin:-10px auto}.aboutUs .left{width:100%}.aboutUs .right{width:100%;margin-top:12px}}@media screen and (max-width: 768px){.aboutUs .left .left-bottom .simple{height:250px}.aboutUs .left .left-bottom .simple.flexed{flex-wrap:wrap}.aboutUs .left .left-bottom .simple.flexed svg{width:auto;height:40%}.aboutUs .left .left-bottom .simple.flexed div{order:3}}#contacts{position:relative;margin:144px auto 64px;max-width:1920px;display:flex;align-items:center;gap:32px;justify-content:center}#contacts .formWrapper{position:relative;overflow:hidden;width:60%;padding:42px 32px;background-color:#4e58f61a;border-radius:12px}#contacts .formWrapper img{position:absolute;right:0;width:auto;object-fit:contain}#contacts .formWrapper img.manImg{top:0;height:100%}#contacts .formWrapper img.formLightImg{bottom:0}#contacts .formWrapper .form{position:relative;z-index:1;max-width:400px}#contacts .formWrapper .form .top{padding:7px 12px;width:max-content;background-color:#4e58f61a;border-radius:14px;color:var(--main-btn-color);font-weight:600;text-transform:uppercase}#contacts .formWrapper .form h4{margin-top:6px;font-size:28px;font-weight:700;line-height:33px;letter-spacing:-.32px}#contacts .formWrapper .form p{margin:16px 0;font-size:18px;font-weight:400;line-height:150%;color:#fff9}#contacts .formWrapper .form input{width:100%;padding:12px 16px;margin:12px 0 0;height:48px;font-size:14px;background:none;color:#fff;border:1px solid #4d4d4d;outline:none;border-radius:12px}#contacts .formWrapper .form button{height:48px;margin-top:12px}#contacts .links{max-width:60%;width:100%;display:flex;flex-direction:column;gap:16px}#contacts .links .simple{height:75px;display:flex;align-items:center;gap:32px;background:linear-gradient(90deg,#4e58f61a,#1010101a);border-radius:20px}#contacts .links .simple svg{width:75px;height:75px;min-width:75px;min-height:75px;padding:11px;border-radius:20px;background-color:var(--main-btn-color);transition:all .2s ease}#contacts .links .simple a{height:100%;min-width:100%;display:flex;align-items:center;color:#fff;font-size:18px;line-height:150%;text-decoration:none}#contacts .links .simple:hover svg{transform:rotate(15deg)}#contacts .blocks{position:absolute;top:-80px;right:0}#contacts .blocks div{position:absolute;background-color:var(--main-btn-color);border-radius:18px}#contacts .blocks div:first-child{top:20px;right:420px;width:70px;height:70px;transform:rotate(-15deg);opacity:80%}#contacts .blocks div:nth-child(2){top:-40px;right:280px;width:60px;height:60px;transform:rotate(10deg);opacity:60%}#contacts .blocks div:nth-child(3){top:60px;right:140px;width:50px;height:50px;border-radius:16px;transform:rotate(-25deg);opacity:40%}#contacts .blocks div:nth-child(4){top:10px;right:30px;width:40px;height:40px;border-radius:12px;transform:rotate(25deg);opacity:40%}@media screen and (max-width: 1024px){#contacts{flex-direction:column;align-items:center;margin-top:64px}#contacts .formWrapper{width:100%;padding:42px 20px}#contacts .links{margin-top:140px;width:100%}#contacts .blocks{top:auto;bottom:290px}}@media screen and (max-width: 768px){#contacts .formWrapper{height:760px}#contacts .formWrapper .form{width:100%;max-width:100%}#contacts .formWrapper img{bottom:0}#contacts .formWrapper img.manImg{top:auto;height:300px;width:auto}#contacts .links{width:100%}}footer{width:100%;padding:32px 100px;background-color:#101010b2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top-left-radius:20px;border-top-right-radius:20px}footer .top{display:flex;justify-content:space-between}footer .top .logo{cursor:pointer;height:max-content}footer .top .logo img{max-width:144px}footer .top .info{display:flex;flex-direction:column;gap:12px}footer .top .info h5{font-size:var(--medium-fz);font-weight:600}footer .top .info a{text-decoration:none;color:#8d8d8d;font-size:14px;cursor:pointer}footer .top .contacts{display:flex;flex-direction:column;gap:16px}footer .top .contacts .simple{display:flex;align-items:center;gap:10px}footer .top .contacts .simple a{text-decoration:none;color:#fff;font-size:var(--medium-fz);cursor:pointer}footer .top .arrow{max-width:132px;object-fit:contain}footer .copyright{height:53px;display:flex;align-items:center;gap:40px;margin:50px 0 0;padding:16px;background:#ffffff08;border-radius:16px}footer .copyright p{margin-right:auto;color:#8d8d8d}footer .copyright a{text-decoration:none;color:#8d8d8d;cursor:pointer;transition:color .2s ease}footer .copyright a:hover{color:#fff}@media screen and (max-width: 1024px){footer{padding:32px 20px}footer .top{flex-wrap:wrap}footer .top .logo{width:100%;margin-bottom:32px}footer .top .logo img{width:115px}footer .top .info{order:0}footer .top .contacts{order:1;width:100%;margin-top:32px}footer .top .arrow{margin-top:-90px}footer .copyright{flex-direction:column;align-items:start;gap:16px;height:auto}footer .copyright a{order:0}footer .copyright p{order:1;margin-right:0}}.button{display:flex;align-items:center;justify-content:center;width:100%;height:40px;padding:12px 0;border:none;border-radius:12px;background:var(--main-btn-color);color:var(--main-color);font-size:var(--small-fz);font-weight:600;cursor:pointer}.button:hover{background:var(--main-btn-hover-color)}.button:disabled{filter:grayscale(70%);cursor:not-allowed}.button:disabled:hover{background:var(--main-btn-color)}header{position:fixed;top:0;width:100%;height:88px;padding:12px 100px;display:flex;align-items:center;justify-content:space-between;background:#101010b2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:var(--small-fz);z-index:1000}header .logo{cursor:pointer;height:max-content}header .logo img{max-width:144px}header .header_burger{display:none}header nav{display:flex;align-items:center;justify-content:space-between;gap:32px}header nav ul{display:flex;list-style:none;gap:24px}header nav ul li a{text-decoration:none;color:var(--main-color);font-weight:500;cursor:pointer}header nav ul li a:hover{color:#f0f0f0}header nav .connectBtn{width:113px}@media screen and (max-width: 1024px){header{height:64px;padding:12px 20px}header .header_burger{display:block;background-color:#202020;width:40px;height:40px;border-radius:12px;border:none;outline:none;cursor:pointer}header .header_burger svg{width:16px;height:16px}header .header_burger .bar{transition:all .4s ease;transform-origin:center}header .header_burger.open .top{transform:rotate(45deg) translate(1px,8px)}header .header_burger.open .middle{opacity:0}header .header_burger.open .bottom{transform:rotate(-45deg) translate(-1px,-6px)}header nav{position:fixed;top:80px;right:20px;z-index:1050;width:267px;padding:16px;flex-direction:column;justify-content:center;align-items:start;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;background:#202020b3}header nav ul{flex-direction:column}header nav ul li a{color:#fff}header nav .connectBtn{width:100%}header nav.closed{display:none}}.services{margin-top:145px}.services .top{max-width:700px;display:flex;flex-direction:column;align-items:center;gap:12px;margin:auto}.services .top .top{padding:7px 12px;width:max-content;background-color:#4e58f61a;border-radius:14px;color:var(--main-btn-color);font-weight:600;text-transform:uppercase}.services .top h3{text-align:center;font-size:36px;font-weight:700}.services .top p,.services .top h1{font-size:var(--medium-fz);line-height:24px;font-weight:500;color:#fff9;text-align:center}.services .cards{max-width:1920px;margin:32px auto 0;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.services .cards .card{width:100%;max-width:500px;height:350px;padding:24px;border-radius:12px;background:linear-gradient(0deg,#4e58f61a,#4e58f61a),radial-gradient(50% 50% at 50% 50%,#0000,#4e58f620 49.52%,#00000007 98.56%)}.services .cards .card img{width:100%;margin-bottom:42px}.services .cards .card .title{display:flex;align-items:center;gap:12px}.services .cards .card .title svg{width:30px;min-width:30px;height:auto}.services .cards .card .title h4{font-size:20px;font-weight:700}.services .cards .card .description{margin-top:32px;font-size:18px;line-height:150%;color:#f1f2f3}@media screen and (max-width: 1024px){.services .cards .card{height:325px}.services .cards .card img{height:200px;margin-bottom:20px;object-fit:cover;border-radius:12px}.services .cards .card .title h4{font-size:19px}.services .cards .card .description{font-size:14px}}.technologies{margin-top:145px}.technologies .top{max-width:700px;display:flex;flex-direction:column;align-items:center;gap:12px;margin:auto;padding:0 20px}.technologies .top div{padding:7px 12px;width:max-content;background-color:#4e58f61a;border-radius:14px;color:var(--main-btn-color);font-weight:600;text-transform:uppercase}.technologies .top h3{text-align:center;font-size:36px;font-weight:700}.technologies .top p{font-size:var(--medium-fz);line-height:24px;color:#fff9;text-align:center}.technologies .cardsWrapper{display:flex;margin-top:12px;padding:10px 0;overflow:hidden}.technologies .cardsWrapper .cards{display:flex;align-items:center;gap:30px}.technologies .cardsWrapper .cards .column{display:flex;flex-direction:column;gap:30px;width:280px}.technologies .cardsWrapper .cards .column:last-child{margin-right:30px}.technologies .cardsWrapper .cards .column img{width:100%;height:auto;border-radius:12px;object-fit:cover;transition:transform .3s ease}.technologies .cardsWrapper .cards .column img:hover{transform:scale(1.05)}@media screen and (max-width: 1024px){.technologies .cardsWrapper .cards{gap:12px}.technologies .cardsWrapper .cards .column{width:170px;gap:12px}.technologies .cardsWrapper .cards .column:last-child{margin-right:12px}}.technologies .cardsWrapper .cards.first{animation:marquee1 80s infinite linear;animation-delay:-40s}.technologies .cardsWrapper .cards.second{animation:marquee2 80s infinite linear;animation-delay:-80s}@keyframes marquee1{0%{transform:translate(100);margin-right:-30px!important}to{transform:translate(-100%)}}.tickers{min-height:160px;margin-top:100px}.tickers .tickerWrapper{display:flex;overflow-x:hidden;background-color:#4e58f61a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:rotate(6deg);margin-left:-20px;width:110%}.tickers .tickerWrapper.secondWrapper{transform:rotate(-6deg);margin-top:-80px;background-color:#ffffffe5}.tickers .tickerWrapper .ticker{white-space:nowrap;display:flex;gap:20px;transform:rotate(-2deg);padding:16px 10px}.tickers .tickerWrapper .ticker img{max-width:144px}.tickers .tickerWrapper .ticker.first{animation:marquee1 60s infinite linear;animation-delay:-60s}.tickers .tickerWrapper .ticker.second{animation:marquee2 60s infinite linear;animation-delay:-30s}.tickers .tickerWrapper .ticker p{font-size:32px;text-transform:uppercase;font-weight:700;color:var(--main-btn-color)}.tickers .tickerWrapper .ticker p.contour{text-shadow:-1px -1px 0 var(--main-btn-color),1px -1px 0 var(--main-btn-color),-1px 1px 0 var(--main-btn-color),1px 1px 0 #000;color:#ffffffe5}@media screen and (max-width: 1024px){.tickers{min-height:130px}.tickers .tickerWrapper{transform:rotate(5deg)}.tickers .tickerWrapper.secondWrapper{transform:rotate(-5deg)}.tickers .tickerWrapper .ticker{padding:10px}.tickers .tickerWrapper .ticker p{font-size:20px}.tickers .tickerWrapper .ticker img{height:24px}}@keyframes marquee1{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes marquee2{0%{transform:translate(0)}to{transform:translate(-200%)}}.topBanner{max-width:1920px;margin:88px auto 0;padding-top:105px;display:flex;align-items:center;justify-content:space-between;gap:17px}.topBanner .left{width:55%}.topBanner .left .left-top{height:28px;width:max-content;display:flex;align-items:center;gap:6px;padding:7px 12px 7px 7px;margin-bottom:6px;border-radius:14px;background-color:#262626;font-weight:400;text-transform:uppercase}.topBanner .left h2{font-size:52px;font-weight:700;text-transform:uppercase;line-height:120%}.topBanner .left h2.gradient{background:linear-gradient(90deg,#4e58f6,#121534);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.topBanner .left .description{color:#fff9;font-size:var(--medium-fz);line-height:24px;font-weight:400}.topBanner .left button{margin-top:36px;width:190px}.topBanner .left .features{display:flex;gap:10px;align-items:center;margin-top:42px}.topBanner .left .features .simple{width:25%;min-width:170px;height:80px;display:flex;align-items:center;padding:0 12px;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background:#ffffff1a;border-radius:12px;overflow:hidden}.topBanner .left .features .simple img{width:86px;height:86px;margin:0 10px 0 -12px}.topBanner .right{width:auto;height:auto;max-height:650px;max-width:45%;text-align:center}@media screen and (max-width: 1024px){.topBanner{margin-top:64px;padding-top:20px;flex-direction:column}.topBanner .left{width:100%;order:1}.topBanner .left h2{font-size:28px}.topBanner .left button{width:100%}.topBanner .left .features{flex-wrap:wrap}.topBanner .left .features .simple{width:calc(50% - 5px);min-width:auto;font-size:11px}.topBanner .right{width:100%;order:0;max-height:100%;max-width:100%}}.light{position:absolute;z-index:-1}.light.first{top:666px;left:0}.light.second{top:0;left:0}@media screen and (max-width: 1024px){.light.second{display:none}}.light.third{top:1200px;right:0;width:100%}@media screen and (max-width: 1024px){.light.third{display:none}}.light.fourth{bottom:0;left:0}
