.base-main{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative}.base-main:not(._hide_bg){background:linear-gradient(85deg,#191919,#7c4dff 100%,#764af4 200%)}.base-main._hide_bg .base-main-bg{translate:0 150px}.base-main.--slug{margin-bottom:50px}.base-main-bg{align-items:center;display:flex;justify-content:center;translate:0 400px;z-index:1}.base-main-bg,.base-main-bg>*{position:absolute}.base-main-content{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;padding:300px 0 0;position:relative;z-index:2}.base-main-content._slotless{padding-bottom:50px}.base-main.--slug .base-main-content{justify-content:center}.base-main h1{color:var(--white);line-height:200px;text-align:center}.ru .base-main h1{line-height:1}.base-main.--slug h1{color:var(--white);font-size:var(--h2);letter-spacing:var(--h2-ls);line-height:var(--h2);max-width:70%;text-align:center}.base-main-bg-orbit,.base-main-bg-planet{align-items:center;aspect-ratio:1/1;border-radius:50%;display:flex;justify-content:center;position:absolute}.base-main-bg-planet{width:100%}.base-main-bg-planet:before{aspect-ratio:1/1;border-radius:50%;content:"";display:block;position:absolute}.base-main-bg-orbit:first-of-type{transform:rotate(0)}.base-main-bg-orbit:nth-of-type(2){transform:rotate(235deg)}.base-main-bg-orbit:nth-of-type(3){transform:rotate(180deg)}.base-main-bg-orbit:nth-of-type(4){transform:rotate(340deg)}.base-main-bg-orbit:first-of-type .base-main-bg-planet{animation:orbit 10s linear infinite}.base-main-bg-orbit:nth-of-type(2) .base-main-bg-planet{animation:orbit 15s linear infinite}.base-main-bg-orbit:nth-of-type(3) .base-main-bg-planet{animation:orbit 20s linear infinite}.base-main-bg-orbit:nth-of-type(4) .base-main-bg-planet{animation:orbit 25s linear infinite}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.base-main-bg-orbit:first-of-type .base-main-bg-planet:before{background-color:var(--gray);left:-10px;width:20px}.base-main-bg-orbit:nth-of-type(2) .base-main-bg-planet:before{background-color:var(--dark-gray);left:-15px;width:30px}.base-main-bg-orbit:nth-of-type(3) .base-main-bg-planet:before{background-color:var(--violet);left:-20px;width:40px}.base-main-bg-orbit:nth-of-type(4) .base-main-bg-planet:before{background-color:var(--dark-violet);left:-25px;width:50px}.base-main.--slug .base-main-bg-orbit,.base-main.--slug .base-main-bg-planet{display:none}.base-main-bg-m{aspect-ratio:1;background-color:var(--violet);border-radius:50%;display:none;height:186px;width:186px}.base-main-content:not(._slotless){padding-bottom:40px}.base-main-arrow{align-items:center;animation:arrow 5s linear(.04,.36,1 5%,.552,.328,.3,.328,.552,1 15%,.686,.53,.51,.53,.686,1 25%,.78,.671,.657,.671,.78,1 35%,.846,.77,.76,.77,.846,1 45%,.892,.839,.832,.839,.892,1 55%,.925,.887,.882,.887,.925,1 65%,.947,.921,.918,.921,.947,1 75%,.963,.945,.942,.945,.963,1 85%,.974,.961,.96,.961,.974,1 95%,.982,.973,.972,.973,.982,1 305%) 2s infinite;background-color:var(--white);border-radius:50%;bottom:50px;color:var(--violet);cursor:pointer;display:none;font-size:30px;height:50px;justify-content:center;position:absolute;transition:var(--transition);translate:0 -50px;width:50px}@keyframes arrow{to{translate:0 0}}@media screen and (max-width:1200px){.base-main h1{line-height:152px}.base-main-content:not(._slotless){padding-bottom:30px}}@media screen and (max-width:850px){.base-main h1{font-size:150px;letter-spacing:-3px;line-height:130px}}@media screen and (max-width:640px){.base-main-content{padding:0}.base-main-content._slotless{padding-bottom:0}.base-main{margin-bottom:100px}.base-main:has(._slotless){height:280px}.base-main-content:not(._slotless){padding-top:126px}.base-main-content{height:100%;justify-content:center}.base-main h1{font-size:100px;letter-spacing:-3px;line-height:78px}.base-main:has(._slotless) h1{translate:0 20px}.base-main.--slug h1{font-size:36px;letter-spacing:0;line-height:100%;translate:0 20px}.base-main-bg-orbit,.base-main-bg-planet{display:none}.base-main-bg{translate:0 10px}.base-main-bg-m{display:block}}@media screen and (max-width:450px){.base-main,.base-main.--slug{margin-bottom:80px}.base-main:has(._slotless){height:100dvh}.base-main h1{font-size:80px;line-height:60px}.base-main-arrow{display:flex}}
