.preload *{-webkit-transition:none !important;-moz-transition:none !important;-ms-transition:none !important;-o-transition:none !important}@media(prefers-color-scheme: dark){meta[name=theme-color]{content:#7442e6}}::selection{background-color:rgba(var(--rckryd-secondary-rgb), 0.4)}@media(min-width: 1211px){::-webkit-scrollbar{width:.375rem}::-webkit-scrollbar-track{background-color:rgba(var(--rckryd-base-rgb), 0.2)}::-webkit-scrollbar-thumb{background:rgba(var(--rckryd-base-rgb), 0.2);border-radius:.5rem;transition:all .2s ease-out}::-webkit-scrollbar-thumb:hover{background:rgba(var(--rckryd-primary-rgb), 1)}}ul,ol,p{margin:0;padding:0}ul,ol{list-style:none}a,button{user-select:none}a,a:hover,a:focus{text-decoration:none}button{border:0;padding:0;background-color:rgba(0,0,0,0);outline:non !important}button:focus,button:focus-visible{outline:none !important}button:disabled{cursor:not-allowed;opacity:.5}button:disabled::before{display:none !important}body{overflow-x:hidden}article p:not(:last-child){margin-bottom:tr(16)}article img{width:100%}article *:not(:last-child){margin-bottom:tr(16)}article ul{list-style-type:disc}article ul li::marker{color:var(--rckryd-base-light)}article ol{list-style-type:number}article ol li{padding-left:.25rem}article ul,article ol{margin-left:1rem}.logo.svg path{fill:var(--rckryd-primary)}.lazy{background-color:rgb(var(--rckryd-gray-light))}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.modal:nth-of-type(even){z-index:1052 !important}.modal-backdrop.show:nth-of-type(even){z-index:1051 !important}.swiper-progress-bar{width:100vw;height:.25rem;position:relative;background:var(--rckryd-gray)}@media(max-width: 575.98px){.swiper-progress-bar{height:.125rem}}.swiper-progress-bar .progress{height:inherit;left:0;top:0;position:absolute;background:var(--rckryd-primary);z-index:1}.swiper-progress-bar .progress-sections{left:0;top:0;position:absolute;height:inherit;width:inherit;z-index:2;display:flex;flex-direction:row}.swiper-progress-bar .progress-sections span{flex:1;height:inherit;border-right:.25rem solid var(--rckryd-gray)}.swiper-progress-bar .progress-sections span:last-child{border-right-width:0}._collapse{display:flex;justify-content:space-between}._collapse:not(:nth-last-child(2)){border-bottom:1px solid #fff}._collapse button{width:1.5rem;height:1.5rem;border-radius:50%;transition:all .2s ease-out;margin-left:.5rem;margin-right:-0.25rem;display:flex;align-items:center;justify-content:center}._collapse button:hover{background-color:rgba(255,255,255,.2)}.accordion-header button{text-align:left;position:relative;padding-right:4rem !important}.accordion-header button::before,.accordion-header button::after{transition:all .2s ease-out}.accordion-header button::before{position:absolute;content:"";width:1.5rem;height:.25rem;border-radius:.625rem;background-color:var(--rckryd-primary);right:1.5rem;top:50%;transform:translateY(-50%)}.accordion-header button::after{position:absolute;content:"";width:1.5rem;height:.25rem;border-radius:.625rem;background-color:rgba(0,0,0,0);right:1.5rem;top:50%;transform:translateY(-50%)}.accordion-header button.collapsed::before{right:.75rem;top:calc(50% - .125rem);transform:translate(-50%) rotate(90deg)}.accordion-header button.collapsed::after{background-color:var(--rckryd-primary)}h1,h2,h3,h4,h5,h6{margin-bottom:0}.maxview{min-height:calc(100vh - tr(72));display:grid;align-items:center}.maxview-full{min-height:100vh;display:grid;align-items:center}.h6,.h5,.h4,.h3,.h2,.h1{color:inherit;margin-bottom:0;font-weight:700;line-height:1.5}.h1{font-size:3rem}.h2{font-size:2.5rem}.h3{font-size:2rem}.h4{font-size:1.75rem}.h5{font-size:1.5rem}.h6{font-size:1.25rem}@media(max-width: 1210.98px){.h1{font-size:2.5rem}.h2{font-size:2rem}.h3{font-size:1.75rem}.h4{font-size:1.5rem}.h5{font-size:1.25rem}.h6{font-size:1.125rem}}@media(max-width: 767.98px){.h1{font-size:2.25rem}.h2{font-size:1.75rem}.h3{font-size:1.5rem}.h4{font-size:1.25rem}.h5{font-size:1.25rem}.h6{font-size:1rem}}@media(max-width: 575.98px){.h1{font-size:1.875rem}.h2{font-size:1.5rem}.h3{font-size:1.25rem}.h4{font-size:1.125rem}.h5{font-size:1rem}.h6{font-size:.875rem}}.bg-gradient-1{background:linear-gradient(268.96deg, #C821E5 0%, #6D44E8 97.97%)}@keyframes bg-skeleton{0%,100%{background-color:rgba(var(--rckryd-gray-rgb), 0.3)}50%{background-color:rgba(var(--rckryd-gray-rgb), 0.1)}}.bg-overlay{position:relative}.bg-overlay>*{position:relative}.bg-overlay::before{position:absolute;display:block;content:"";width:100%;height:100%;top:0;left:0;background:linear-gradient(360deg, #232323 0%, rgba(35, 35, 35, 0) 51.25%)}.rp::before{content:"Rp "}.hv-right,.hv-left,.hv-up,.hv-shadow,.hv-bg-tertiary-10::before,.hv-bg-primary-5::before,.hv-bg-primary,.hv-bg-white,.hv-child-right .hv-child,.hv-bdr-dashed,.hv-bdr-primary,.hv-primary,.hv-base-light,.hv-o{transition:all .2s ease-out}.hv-o:hover{opacity:.8}.hv-base-light:hover{color:var(--rckryd-base-light) !important}.hv-primary:hover{color:var(--rckryd-primary) !important}.hv-bdr-primary{border:1px solid rgba(0,0,0,0)}.hv-bdr-primary:hover{border-color:var(--rckryd-primary) !important}.hv-bdr-dashed{border:1px solid rgba(0,0,0,0)}.hv-bdr-dashed:hover{border-style:dashed !important}.hv-child-right:hover .hv-child{transform:translateX(0.25rem)}.hv-bg-white{--rckryd-bg-opacity: 1}.hv-bg-white:hover{background-color:rgba(var(--rckryd-white-rgb), var(--rckryd-bg-opacity))}.hv-bg-primary{--rckryd-bg-opacity: 1}.hv-bg-primary:hover{background-color:rgba(var(--rckryd-primary-rgb), var(--rckryd-bg-opacity))}.hv-bg-primary-5{position:relative}.hv-bg-primary-5>*{position:relative}.hv-bg-primary-5::before{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(100% + 32px);height:100%;content:"";--rckryd-bg-opacity: .05;z-index:0;border-radius:.5rem}.hv-bg-primary-5:hover::before{background-color:rgba(var(--rckryd-primary-rgb), var(--rckryd-bg-opacity))}.hv-bg-tertiary-10{position:relative}.hv-bg-tertiary-10>*{position:relative}.hv-bg-tertiary-10::before{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;content:"";--rckryd-bg-opacity: .1;z-index:0;border-radius:.25rem}.hv-bg-tertiary-10:hover::before{background-color:rgba(var(--rckryd-tertiary-rgb), var(--rckryd-bg-opacity))}.hv-icon-primary:hover svg path{--rckryd-icon-color: var(--rckryd-primary) !important}.hv-box,.hv-circle{position:relative;z-index:1}.hv-box>*,.hv-circle>*{position:relative}.hv-box::before,.hv-circle::before{z-index:-1;position:absolute;display:block;content:"";width:100%;top:50%;left:50%;transform:translate(-50%, -50%)}@media(max-width: 767.98px){.hv-box::before,.hv-circle::before{display:none}}.hv-box:hover::before,.hv-circle:hover::before{background-color:rgba(var(--rckryd-base-rgb), 0.05)}.hv-box::before{height:100%;border-radius:.25rem}.hv-box--small::before{height:100%;width:100%}.hv-circle::before{height:calc(100% + 1rem);border-radius:50%}.hv-circle--small::before{height:calc(100% + .5rem);width:calc(100% + .5rem)}.hv-bg{border:.0625rem solid rgba(0,0,0,0)}.hv-bg:hover{border-color:rgba(var(--rckryd-gray-rgb), 1);background-color:#f9f9f9}.hv-o:hover{opacity:.8}.hv-shadow:hover{box-shadow:0 .25rem .375rem rgba(38,37,81,.05)}.hv-up:hover{transform:translateY(tr(-3))}.hv-left:hover{transform:translateX(tr(-3))}.hv-right:hover{transform:translateX(tr(3))}.transition-all{transition:all .2s ease-out}.modal{--rckryd-modal-width: 540px;background-color:rgba(var(--rckryd-pink-rgb), 0.1);backdrop-filter:blur(10px)}.modal .modal-dialog{min-height:calc(100% - 3.5rem)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(var(--rckryd-base-rgb), 0.6)}.animate-shake{animation:shake .8s cubic-bezier(0.8, -0.6, 0.2, 1.5) both}.animate-bouncein{animation:bouncein .4s cubic-bezier(0.8, -0.6, 0.2, 1.5) both}@keyframes shake{10%,90%{transform:translate3d(-0.0625rem, 0, 0)}20%,80%{transform:translate3d(0.125rem, 0, 0)}30%,50%,70%{transform:translate3d(-0.25rem, 0, 0)}40%,60%{transform:translate3d(0.25rem, 0, 0)}}@keyframes bouncein{0%{opacity:1;transform:scale(0.6)}60%{opacity:1;transform:scale(1.05)}80%{transform:scale(0.9)}100%{transform:scale(1)}}.aspect-square{aspect-ratio:1/1}.aspect-6_3{aspect-ratio:6/3}.aspect-9_14{aspect-ratio:9/14}.aspect-14_9{aspect-ratio:14/9}.aspect-16_9{aspect-ratio:16/9}.aspect-9_16{aspect-ratio:9/16}.aspect-57_67{aspect-ratio:57/67}.aspect-71_43{aspect-ratio:71/43}.aspect-73_48{aspect-ratio:73/48}.aspect-video{aspect-ratio:16/9}.whitening{filter:brightness(100) invert(0)}.user-group{user-select:none;display:flex;place-items:center}.user-group img{aspect-ratio:1/1;object-fit:cover;width:2em;margin:0 -0.25em}.user-group img:nth-child(1){z-index:3}.user-group img:nth-child(2){z-index:2}.user-group img:nth-child(3){z-index:1}.from-text-editor>*:not(:first-child){margin-top:1rem}.from-text-editor img{width:100%}.from-text-editor h2{font-size:28px;color:var(--rckryd-base-light);margin-top:3rem}.from-text-editor h2:not(:first-child){margin-top:3rem}@media(max-width: 1210.98px){.from-text-editor h2{font-size:1.5rem;margin-top:2rem}.from-text-editor h2:not(:first-child){margin-top:2rem}}@media(max-width: 767.98px){.from-text-editor h2{font-size:1.125rem;margin-top:1.5rem}.from-text-editor h2:not(:first-child){margin-top:1.5rem}}.from-text-editor h3{font-size:1.25rem;color:var(--rckryd-base-light)}@media(max-width: 1210.98px){.from-text-editor h3{font-size:1.125rem}}@media(max-width: 767.98px){.from-text-editor h3{font-size:1rem}}@media(max-width: 575.98px){.hideable-scroll{position:fixed !important;bottom:5.75rem;top:unset;z-index:1;margin:0 auto;width:calc(100% - 3.0625rem) !important;transition:all .2s ease-out}}.text-gradient-1{background:linear-gradient(268.96deg, #C821E5 0%, #6D44E8 97.97%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.link-btn{overflow:hidden;position:relative;transition:all .2s ease-out}.link-btn>*{z-index:20}.link-btn:after{background:var(--rckryd-gray-lighter);content:"";height:10rem;left:-5rem;opacity:.2;position:absolute;top:-3rem;transform:rotate(35deg);transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1);width:3.5rem;z-index:0}.link-btn:hover:after{left:120%;transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1)}.link-btn:hover{transform:translateY(0.125rem)}.link-btn:active{transform:translateY(0.25rem)}*::placeholder{color:var(--rckryd-gray-light)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-text{position:relative;font-size:.75rem}.input-text label{position:absolute;left:.75rem;top:.75rem;user-select:none;cursor:text;z-index:1;transition:all .2s ease-out}.input-text label.-on{left:1.5rem;top:-0.375rem;font-size:.625rem}.input-text label.-on>span{display:none}.input-text label.-on::before{position:absolute;content:"";width:calc(100% + 1.25rem);height:1.25rem;border-radius:.125rem;top:50%;left:50%;transform:translate(-50%, -50%);z-index:-1;transition:all .2s ease-out}.input-text label.-filled{color:var(--rckryd-gray)}.input-text label.-filled::before{background-color:#fff}.input-text label.-active{color:#fff}.input-text label.-active::before{background-color:var(--rckryd-pink)}.input-text input,.input-text textarea,.input-text select{background-color:#fff;color:var(--rckryd-base-light);height:2.625rem;border-radius:.25rem;border:.0625rem solid var(--rckryd-gray-lighter);width:100%;padding:.75rem;outline:none !important;transition:all .2s ease-out}.input-text input.-active,.input-text textarea.-active,.input-text select.-active{border-color:var(--rckryd-pink)}.input-text textarea{min-height:5rem}.cb__box{cursor:pointer;position:relative;top:.125rem}.cb__box div{position:relative;width:1rem;height:1rem;border-radius:.1875rem;border:2px solid var(--rckryd-gray);transition:all .2s ease-out}.cb__box div::after{display:block;position:absolute;content:"";width:6px;height:8px;top:calc(50% - 1px);border-radius:1px;left:50%;transform:translate(-50%, -50%) rotate(15deg);border-bottom:2px solid var(--rckryd-white);border-right:2px solid var(--rckryd-white);transition:all .2s ease-out}.cb__box input:checked+div{border-color:var(--rckryd-pink);background-color:var(--rckryd-pink)}.cb__box input:checked+div::after{transform:translate(-50%, -50%) rotate(45deg)}.rb{cursor:pointer;display:flex}.iti{width:100%}.iti__flag{background-image:url("../img/vendor/flags.png") !important}@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.iti__flag{background-image:url("../img/vendor/flags@2x.png") !important}}.iti--allow-dropdown input{font-size:.75rem;border-radius:.25rem;padding:.75rem;border:.0625rem solid var(--rckryd-gray-lighter);outline:none;transition:all .2s ease-out;color:var(--rckryd-base-light)}.iti--allow-dropdown input:focus-visible{border-color:var(--rckryd-pink)}.iti--separate-dial-code .iti__selected-flag{background-color:rgba(0,0,0,0) !important}.iti--separate-dial-code .iti__selected-dial-code{font-size:.75rem;color:var(--rckryd-base-light)}.iti__selected-flag{position:relative}.iti__selected-flag::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:.75rem;width:.0625rem;background-color:var(--rckryd-gray-light)}.theme-card__cta{z-index:2;bottom:-45%;transition:all .4s cubic-bezier(0.11, 0.65, 0.24, 1.18)}.theme-card__cta>div{backdrop-filter:blur(1rem)}.theme-card:hover .theme-card__cta{bottom:0;transition:all .4s cubic-bezier(0.11, 0.65, 0.24, 1.18)}.tutorial-card{display:block}@media(max-width: 1210.98px){.tutorial-card{aspect-ratio:555/380}}@media(min-width: 1211px){.tutorial-card{height:30rem}}.tutorial-card::after{border-radius:.75rem;content:"";position:absolute;bottom:0;right:0;width:100%;height:100%;background-image:url("../../img/misc/tutorial-illust.webp");background-repeat:no-repeat;background-position:bottom right;background-size:contain}@media(min-width: 768px){.tutorial-card::after{border-radius:1.5rem}}.tutorial-card.tutorial-card-custom-bg{background-size:cover;background-position:center}.tutorial-card.tutorial-card-custom-bg::after{display:none}@keyframes hanging{0%{transform:translateY(0)}50%{transform:translateY(-0.625rem)}100%{transform:translateY(0)}}.glass-stats{padding:1em;box-shadow:inset 4px -4px 4px rgba(255,255,255,.3),inset 0px 2px 2px rgba(255,255,255,.4);backdrop-filter:blur(1rem)}.glass-stats--animate{animation-name:hanging;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.glass-stats img{aspect-ratio:1/1;object-fit:cover}.bg-ornament{position:relative}.bg-ornament::before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-image:url("../../img/misc/bg-theme-ornament.webp");background-size:cover;background-position:center}.bg-ornament>*{position:relative}.faq__content{display:flex;gap:6.9375rem}@media(max-width: 1210.98px){.faq__content{gap:2.5rem}}.faq__content__left{width:34.6875rem;display:flex;align-items:end}@media(max-width: 1210.98px){.faq__content__left{margin:0 auto;width:26rem}}@media(max-width: 767.98px){.faq__content__left{width:20rem}}@media(max-width: 575.98px){.faq__content__left{width:12rem}}.faq__content__left .glass-stats--1 p,.faq__content__left .glass-stats--2 p{font-size:.875em}.faq__content__left .glass-stats--1{animation-delay:.3s;width:16.8125em;right:-4.8125em;top:6em}@media(max-width: 767.98px){.faq__content__left .glass-stats--1{top:0}}.faq__content__left .glass-stats--2{width:16.8125em;top:22.8125em;left:-3.125em}@media(max-width: 767.98px){.faq__content__left .glass-stats--2{top:14.8125em;left:-5.125em}}.faq__content__right{flex:1;padding:1.25rem 0 4.5rem;padding-bottom:0}@media(min-width: 1211px){.faq__content__right{order:1}}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink-caret{from,to{border-color:rgba(0,0,0,0)}50%{border-color:orange}}