.card3d-frame{aspect-ratio:1/1.498;perspective:800px;place-self:top center;grid-area:span 3/2;height:clamp(194px,117.239px + 20.4695vw,412px);transition:transform .5s;position:relative;transform:scale(.9)rotate(20deg)}.card3d-frame:hover,.card3d-frame:focus-visible{transform:scale3d(1.05,1.05,2)rotate(20deg)}.card3d-frame .card3d{filter:contrast(1.3);will-change:transform,box-shadow;background-image:url(/assets/img/home-page/hero/hero-card.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:clamp(13px,6.3099px + 1.784vw,32px);width:100%;height:100%;transition-property:transform,box-shadow;transition-duration:.25s;transition-timing-function:ease-out;position:relative;overflow:hidden;box-shadow:0 0 10px 2px #0000001a}.card3d-frame .card3d__light{background-image:radial-gradient(circle at 50% -20%,#fff2,#0000000f);width:100%;height:100%;position:absolute;top:0;left:0}
.scroll-down-animation{opacity:.5;width:50px;height:50px;position:absolute;left:50%;transform:translate(-50%)}.arrow{opacity:0;transform-origin:50%;will-change:transform,opacity;position:absolute;top:0;left:15px}.arrow-first{animation:2s ease-in-out infinite arrow-movement}.arrow-second{animation:2s ease-in-out 1s infinite arrow-movement}.arrow:before,.arrow:after{content:"";background:#fff;border-radius:14px;width:20px;height:3px;display:block;position:absolute;top:0;left:0}.arrow:before{transform-origin:0 0;transform:rotate(45deg)translate(-16%)}.arrow:after{transform-origin:100% 0;transform:rotate(-45deg)translate(16%)}@keyframes arrow-movement{0%{opacity:0;top:0}40%{opacity:1}70%{opacity:1}90%{opacity:0}to{opacity:0;top:50%}}
.home-page__main{background-image:url(/assets/img/shared/hero-bg.jpg);background-size:cover;height:100vh;padding-top:33px;position:relative;overflow:hidden}.home-page__main main{margin-inline:auto;grid-template-rows:auto;grid-template-columns:1fr auto 1fr;gap:0;max-width:1240px;margin-top:min(11.45vh,88px);padding-inline:10px;display:grid;position:relative;top:34%;overflow:visible;transform:translateY(-50%)}.home-page__main main .main-text{text-transform:uppercase;text-align:right;-webkit-text-fill-color:#0000;text-wrap:nowrap;background:linear-gradient(90deg,#9dabfc 0%,#97d6e9 100%);-webkit-background-clip:text;background-clip:text;padding:5px;font-size:clamp(48px,22.6479px + 6.7606vw,120px);font-weight:800;line-height:110%}.home-page__main main .main-text.mobile{display:none}.home-page__main main .main-text_right{text-align:left;background:linear-gradient(90deg,#97d6e9 0% 100%);-webkit-background-clip:text;background-clip:text;grid-area:2/3;margin-top:22px}.home-page__main main .main-text:first-child{grid-area:1/1}.home-page__main main .main-text:nth-child(2){grid-area:2/1;margin-top:22px}.home-page__main main .main-wrapper{grid-area:3/1;place-self:end;margin-top:113px}.home-page__main main .main-wrapper>p{color:#c4deed;margin-bottom:24px;font-size:18px;font-weight:400;line-height:140%}.home-page__main main .free-period{grid-area:3/3;place-self:end center}@media (max-width:720px){.home-page__main main{flex-direction:column;align-items:center;display:flex;top:35%}.home-page__main main .card3d-frame{order:1}.home-page__main main .main-text{order:2}.home-page__main main .main-text_left{display:none}.home-page__main main .main-text.mobile{display:block}.home-page__main main .main-text_right{margin-top:0}.home-page__main main .main-wrapper{text-align:center;order:3;margin-top:16px}.home-page__main main .main-wrapper .home-page__start-btn{left:50%;transform:translate(-50%)}}
.hello-section{padding-block:clamp(64px,18.9223px + 12.0207vw,180px)}.hello-section>h2{color:#1e1e1e33;letter-spacing:-.01em;max-width:1080px;margin:0 auto;padding-inline:24px;font-size:clamp(24px,17.7824px + 1.658vw,40px);font-weight:600;line-height:130%}.hello-section>h2>img{width:clamp(34px,22.342px + 3.1088vw,64px);position:relative;right:10px}.hello-section>h2>.hello{-webkit-background-image:linear-gradient(90deg,#1e1e1e,#1e1e1e);-webkit-background-repeat:no-repeat;-webkit-background-size:0% 100%;background-color:#0000;background-image:linear-gradient(90deg,#1e1e1e,#1e1e1e);background-repeat:no-repeat;background-size:0% 100%;-webkit-background-clip:text;background-clip:text}
.how-it-works__wrapper{justify-content:space-between;gap:20px;min-height:464px;margin-top:clamp(40px,27.8378px + 3.2432vw,70px);display:flex}.how-it-works__wrapper .accordion{flex-direction:column;flex-shrink:1;max-width:560px;display:flex}.how-it-works__wrapper .accordion .accordion-item{box-sizing:content-box;color:#fff;opacity:.4;cursor:pointer;gap:30px;max-height:0;padding-block:20px;transition:all .4s;display:flex;position:relative;overflow:hidden}.how-it-works__wrapper .accordion .accordion-item:before{content:"";transform-origin:50%;background:radial-gradient(circle,#6c73f3 24%,#6c73f359 100%);border-radius:4px;width:0%;height:3px;transition:all .6s .4s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.how-it-works__wrapper .accordion .accordion-item:after{content:"";background-color:#597077;width:100%;height:1px;position:absolute;bottom:0;left:0}.how-it-works__wrapper .accordion .accordion-item.active{opacity:1}.how-it-works__wrapper .accordion .accordion-item.active:before{width:100%}.how-it-works__wrapper .accordion .accordion-item .accordion-index{flex-shrink:0;width:30px;font-size:clamp(20px,18.3784px + .4324vw,24px);font-weight:600;line-height:140%}@media (max-width:1000px){.how-it-works__wrapper .accordion .accordion-item .accordion-index{display:none}}.how-it-works__wrapper .accordion .accordion-item .accordion-title{color:inherit;text-align:left;cursor:pointer;background-color:#0000;border:none;font-size:clamp(20px,18.3784px + .4324vw,24px);font-weight:600;line-height:140%}.how-it-works__wrapper .accordion .accordion-item .accordion-content{box-sizing:content-box;padding-top:clamp(16px,14.3784px + .4324vw,20px);font-size:clamp(16px,14.3784px + .4324vw,20px);overflow:hidden}.how-it-works__wrapper .accordion .accordion-item .accordion-video-mobile{object-fit:cover;border-radius:12px;margin-top:20px;display:none}@media (max-width:1000px){.how-it-works__wrapper .accordion .accordion-item .accordion-video-mobile{display:block}}.how-it-works__wrapper .accordion-video{background:url(/assets/img/home-page/how-it-works/video-placeholder2.jpg) 50%/cover no-repeat;border-radius:22px;flex-shrink:0;width:651px;height:485px;padding:56px 17px 18px 20px;position:relative}@media (max-width:1000px){.how-it-works__wrapper .accordion-video{display:none!important}}.how-it-works__wrapper .accordion-video .neon-code{aspect-ratio:1;pointer-events:none;z-index:1;background-image:radial-gradient(circle at 50% 34%,#533d9a9e 7%,#0000 37.05%),radial-gradient(circle at 50% 82%,#533d9a66 4%,#0000 18.05%);height:170%;position:absolute;top:-45%;left:50%;transform:translate(-50%)}.how-it-works__wrapper .accordion-video video{object-fit:cover;z-index:2;border-bottom-right-radius:10px;border-bottom-left-radius:10px;position:relative}
.how-it-works{will-change:height;background-color:#0f1e29;border-radius:clamp(20px,3.7838px + 4.3243vw,60px);padding-block:clamp(64px,45.3514px + 4.973vw,110px);transition:height .6s ease-in-out;overflow:hidden}.how-it-works h2{color:#fff;font-size:clamp(32px,19.027px + 3.4595vw,64px);font-weight:600;line-height:110%}.how-it-works__container{max-width:min(1280px,100vw - 32px);margin:0 auto;position:relative}
.add-decks{z-index:1;grid-row:1/3;position:relative}.add-decks>img{object-fit:cover;-webkit-user-select:none;user-select:none;will-change:transform;border-radius:10px;width:206px;height:310px;position:absolute;top:175px;right:41px}.add-decks .add-decks__img-1{transform-origin:100% 100%;z-index:4}.add-decks .add-decks__img-2{z-index:3;top:212px;right:144px;transform:rotate(-11deg)}.add-decks .add-decks__img-3{z-index:2;top:300px;right:223px;transform:rotate(-33.6deg)}.add-decks .add-decks__img-4{z-index:1;top:453px;right:314px;transform:rotate(-48.7deg)}@media (max-width:1005px){.add-decks{padding-bottom:201px!important}.add-decks>img,.add-decks .add-decks__img-1,.add-decks .add-decks__img-2,.add-decks .add-decks__img-3{transform-origin:0 0;border-radius:5px;width:112.5px;height:169px;top:0;right:0}.add-decks .add-decks__img-1{top:auto;bottom:0;right:44px}.add-decks .add-decks__img-2{top:auto;bottom:-36px;right:100px}.add-decks .add-decks__img-3{top:auto;bottom:-115px;right:160px}.add-decks .add-decks__img-4{display:none}}
.configure-space{grid-column:1/-1;justify-content:space-between;display:flex}.configure-space__desc{flex-shrink:2;max-width:445px}.configure-space .bg-examples{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;display:flex}.configure-space .bg-examples>div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1f2c3a;border:1.58px solid #ffffff1a;border-radius:10px;place-content:center;width:clamp(9rem,8.4426rem + 2.3784vw,10.375rem);height:clamp(6.0625rem,5.6824rem + 1.6216vw,7rem);padding:8px;display:grid;position:relative}.configure-space .bg-examples>div img{object-fit:cover;width:100%}@media (max-width:1005px){.configure-space{flex-direction:column;gap:16px}.configure-space .bg-examples{justify-content:center}}
.save-sessions:hover .session-example{top:-5px}.save-sessions:hover .under-example{bottom:6%}.save-sessions:hover .main-btn:after{animation:1s ease-out infinite wave}.save-sessions .under-example{-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px);background:#ffffff17;border:1.28px solid #ffffff1a;border-radius:13px;justify-content:space-between;align-items:center;width:min(70%,415px);height:50px;padding:0 20px;transition:all .2s cubic-bezier(.215,.61,.355,1);display:flex;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.save-sessions .under-example div>h5{color:#fff;font-size:11px;font-weight:500}.save-sessions .under-example div>p{color:#fff;opacity:.7;margin-top:4px;font-size:9px;font-weight:400}.save-sessions .session-example{margin-top:40px;-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px);background:#ffffff17;border:1.45px solid #ffffff1a;border-radius:14px;justify-content:space-between;align-items:center;max-width:503px;height:61px;margin-inline:auto;padding:0 20px;transition:all .2s cubic-bezier(.215,.61,.355,1);display:flex;position:relative;top:0}.save-sessions .session-example div>h5{color:#fff;font-size:clamp(10px,9.1892px + .2162vw,12px);font-weight:500}.save-sessions .session-example div>p{color:#fff;opacity:.7;margin-top:4px;font-size:clamp(8px,7.1892px + .2162vw,10px);font-weight:400}.save-sessions .session-example div:last-child{gap:12px;height:32px;display:flex}.save-sessions .session-example div:last-child .main-btn{color:#fff;z-index:1;background:#6c73f3;border-radius:8px;place-content:center;padding:6px 18px;font-size:clamp(10px,9.1892px + .2162vw,12px);font-weight:500;display:grid;position:relative}@media (max-width:1005px){.save-sessions .session-example div:last-child .main-btn{padding:5px 14px}}.save-sessions .session-example div:last-child .main-btn:hover,.save-sessions .session-example div:last-child .main-btn:focus-visible{background:#5a5fca}.save-sessions .session-example div:last-child .main-btn:active{background:#373a7c}.save-sessions .session-example div:last-child .main-btn:after{content:"";z-index:-1;background:#6c73f3;border-radius:8px;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes wave{0%{opacity:.9;width:0;height:0}to{opacity:0;width:150%;height:200%}}.save-sessions .session-example div:last-child .btn{background:#ffffff26;border-radius:8px;width:32px;padding:8px}
.use-marker{justify-content:space-between;display:flex}.use-marker>div{max-width:245px;position:relative}.use-marker>div>p{max-width:222px}.use-marker>div svg{position:absolute;bottom:0;right:-61px}.use-marker>div svg .use-marker__path{stroke-dasharray:0;stroke-dashoffset:0}.use-marker>img{width:182px;position:relative}@media (max-width:1005px){.use-marker>img{display:none}}.use-marker>img>svg{width:100%}
.approach{max-width:min(100% - 32px,1280px);margin-inline:auto;padding-block:clamp(64px,29.1351px + 9.2973vw,150px)}.approach>h2{letter-spacing:-.01em;color:#1e1e1e;max-width:832px;font-size:clamp(24px,17.5135px + 1.7297vw,40px);font-weight:600;line-height:130%}.approach__wrapper{grid-template-columns:repeat(14,1fr);gap:20px;margin:50px auto 0;display:grid}.approach__wrapper__item{background:#172336 radial-gradient(circle at 22% -1%,#645cbcbc 12%,#0000 55.05%);border-radius:20px;grid-column:span 7;padding:clamp(1.375rem,1.1216rem + 1.0811vw,2rem);position:relative;overflow:hidden}.approach__wrapper__item h4{letter-spacing:0;color:#fff;-webkit-user-select:none;user-select:none;font-size:24px;font-weight:700;line-height:150%}.approach__wrapper__item p{letter-spacing:.01em;color:#fff;opacity:.8;-webkit-user-select:none;user-select:none;margin-top:12px;font-size:16px;font-weight:400;line-height:150%}.approach__wrapper__videoLink{text-align:center;background:#6c73f3;border-radius:20px;grid-column:span 2;place-content:center;place-items:center;min-width:183px;font-size:24px;font-weight:500;line-height:140%;text-decoration:none;transition:all .2s cubic-bezier(.215,.61,.355,1);display:grid}.approach__wrapper__videoLink:hover{filter:brightness(1.2)}.approach__wrapper .configure-space{background-image:radial-gradient(circle at 12% -55%,#645cbcbc 10%,#0000 35.05%);grid-column:span 12}@media (max-width:1005px){.approach>h2{padding-inline:8px}.approach__wrapper{grid-template-columns:1fr}.approach__wrapper__item{grid-area:auto/1}.approach__wrapper__videoLink{grid-column:1;justify-content:space-between;padding:26px 24px;display:flex}.approach__wrapper__videoLink svg{order:2}.approach__wrapper .configure-space{grid-column:1}}
.gates{background-color:#12212c;background-image:url(/assets/img/home-page/gates/bg.jpg);background-position:0 95%;background-size:cover;height:200vh;padding-top:clamp(80px,63.7838px + 4.3243vw,120px);position:relative}.gates__wrapper{place-content:center;gap:60px;height:clamp(20.25rem,15.1824rem + 21.6216vw,33.75rem);margin:0 auto;padding-top:50px;display:grid;position:sticky;top:120px;overflow:hidden}.gates__wrapper__desc{flex-direction:column;align-items:center;gap:clamp(36px,26.2703px + 2.5946vw,60px);display:flex}.gates__wrapper__desc>h3{text-align:center;color:#fff;font-size:clamp(32px,19.027px + 3.4595vw,64px);font-weight:700;line-height:120%}.gates__wrapper__desc .home-page__start-btn{padding:12px 24px}.gates__wrapper>img{border-radius:clamp(30px,21.8919px + 2.1622vw,50px);width:clamp(194px,142.919px + 13.6216vw,320px);position:absolute}.gates__wrapper .left-card{z-index:2;top:15px;left:50%;transform:translate(calc(-50% - 140px))}.gates__wrapper .right-card{z-index:1;top:15px;right:50%;transform:translate(calc(50% + 140px))}@media (max-width:710px){.gates__wrapper .left-card{transform:translate(calc(-50% - 90px))}.gates__wrapper .right-card{transform:translate(calc(50% + 90px))}}