@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);:root{--primary-bg-col:#ebe7fa;--primary-bg-col-darken:#c4bdde;--primary-tx-col:#2e487a;--primary-btn-col:#2e487a;--primary-btnh-col:#1f304e;--primary-bx-col:#3794aa;--base-brads:10px;--base-brads-w:40px;--base-dp-nav:20px 4vw;--base-mp-nav:15px 10px;--p-st:#3fa06c}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}::-webkit-scrollbar{display:none}.body-homepage{overflow:hidden}@media only screen and (min-width:768px){.flying-nav{background:var(--primary-bg-col);color:var(--primary-tx-col);display:flex;justify-content:space-between;left:0;padding:var(--base-dp-nav);position:absolute;right:0;top:0;z-index:99}.flying-nav .nav-left{-webkit-user-select:none;user-select:none}.flying-nav .nav-left .nav-logo{align-items:center;display:flex;gap:.5rem}.flying-nav .nav-left .nav-logo .nav-logo-img{height:60px;width:auto}.flying-nav .nav-left .nav-logo .nav-logo-img-tarbud{cursor:pointer;height:55px;width:auto}.flying-nav .nav-left .nav-logo .nav-logo-text h2,.flying-nav .nav-left .nav-logo .nav-logo-text p{font-family:Montserrat,sans-serif}.flying-nav .nav-left .nav-logo .nav-logo-text h2{font-weight:900}.flying-nav .nav-left .nav-logo .nav-logo-text p{font-size:.5rem;font-weight:500;line-height:.3}.flying-nav .nav-right{display:flex;gap:10px}.flying-nav .nav-right .nav-textbar{align-items:center;display:flex;gap:.5rem;margin-right:10px}.flying-nav .nav-right .nav-textbar a{font-size:.8rem;text-decoration:none;transition:all .3s ease-out}.flying-nav .nav-right .nav-textbar a:hover{color:var(--primary-btnh-col)}.flying-nav .nav-right .nav-searchbar{align-items:center;display:flex}.flying-nav .nav-right .nav-searchbar .nav-searchbar-wrapper{align-items:center;background:#2e487a;border-radius:50px;display:flex;gap:10px;padding:10px 15px 10px 20px;-webkit-user-select:none;user-select:none}.flying-nav .nav-right .nav-searchbar .nav-searchbar-wrapper input{background:#0000;border:none;color:#fff}.flying-nav .nav-right .nav-searchbar .nav-searchbar-wrapper input:focus{outline:none}.flying-nav .nav-right .nav-searchbar .nav-searchbar-wrapper input::placeholder{color:#fff}.flying-nav .nav-right .nav-searchbar .nav-searchbar-wrapper span{color:#fff;cursor:pointer;font-size:1.5rem}.flying-nav .nav-right .nav-iconbar{align-items:center;display:flex;gap:.5rem;-webkit-user-select:none;user-select:none}.flying-nav .nav-right .nav-iconbar i{background:#2e487a;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;padding:11px;transition:all .3s ease-out}.flying-nav .nav-right .nav-iconbar i:hover{background:var(--primary-btnh-col)}.flying-nav .nav-right .nav-iconbar .material-symbols-rounded{color:#2e487a;cursor:pointer;font-size:2rem;font-variation-settings:"FILL" 0,"wght" 800,"GRAD" 0,"opsz" 24;transition:all .3s ease-out}.flying-nav .nav-right .nav-iconbar .material-symbols-rounded:hover{color:var(--primary-btnh-col)}.flying-nav .nav-right .nav-iconbar .mobile{display:none}.flying-nav .nav-menu-desktop{color:#fff;position:absolute;right:4vw;top:11vh;-webkit-user-select:none;user-select:none}.flying-nav .nav-menu-desktop .nav-md{background:var(--primary-btn-col);border-radius:var(--base-brads);overflow:hidden;position:relative}.flying-nav .nav-menu-desktop .nav-md .nav-md-wrapper{padding:30px}.flying-nav .nav-menu-desktop .nav-md .nav-md-wrapper .nav-md-login{display:flex;gap:1rem;justify-content:space-between}.flying-nav .nav-menu-desktop .nav-md .nav-md-wrapper .nav-md-login .nav-md-login-pfp{display:flex;gap:1rem;position:relative}.flying-nav .nav-menu-desktop .nav-md .nav-md-wrapper .nav-md-login .nav-md-login-pfp img{border-radius:50%;height:50px;width:auto}.flying-nav .nav-menu-desktop .nav-md .nav-md-wrapper .nav-md-login .nav-md-login-pfp .cat-ver{bottom:5px;position:absolute;right:-5px;width:25px}.flying-nav .nav-menu-desktop .nav-md .nav-md-wrapper .nav-md-login .nav-md-login-text{position:relative;-webkit-user-select:none;user-select:none}.flying-nav .nav-menu-desktop .nav-md .nav-md-wrapper .nav-md-login .nav-md-login-text h3{margin:10px 0}.flying-nav .nav-menu-desktop .nav-md .nav-md-wrapper .nav-md-login .nav-md-login-text .nav-mdlt-split{align-items:center;display:flex;font-size:.5rem;gap:5px}.flying-nav .nav-menu-desktop .nav-md .nav-md-wrapper .nav-md-login .nav-md-login-text .nav-mdlt-split .mskd,.flying-nav .nav-menu-desktop .nav-md .nav-md-wrapper .nav-md-login .nav-md-login-text .nav-mdlt-split p{background:#cee0ff;border-radius:20px;color:var(--primary-tx-col);cursor:pointer;font-weight:500;padding:5px 10px}.flying-nav .nav-menu-desktop .nav-md .nav-md-wrapper .nav-md-router{grid-gap:5px;display:grid;gap:5px;grid-template-columns:10vw 10vw}.flying-nav .nav-menu-desktop .nav-md .nav-md-wrapper .nav-md-router .nav-mdr-self{align-items:center;background-color:#cee0ff;border-radius:var(--base-brads);color:var(--primary-tx-col);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:10px;justify-content:center;padding:5px 10px;text-decoration:none;text-transform:capitalize;transition:all .3s ease-out}.flying-nav .nav-menu-desktop .nav-md .nav-md-wrapper .nav-md-router .nav-mdr-self:hover{background-color:var(--primary-bg-col-darken)}.flying-nav .nav-menu-desktop .navigation-router{grid-gap:5px;background:var(--primary-btn-col);border-radius:var(--base-brads);display:grid;gap:5px;grid-template-columns:auto auto;margin-top:10px;padding:30px;-webkit-user-select:none;user-select:none}.flying-nav .nav-menu-desktop .navigation-router .nav-mdr-in{align-items:center;background-color:#cee0ff;border-radius:var(--base-brads);color:var(--primary-tx-col);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:10px;justify-content:center;padding:5px 10px;text-decoration:none;text-transform:capitalize;transition:all .3s ease-out}.flying-nav .nav-menu-desktop .navigation-router .nav-mdr-in:hover{background-color:var(--primary-bg-col-darken)}}@media only screen and (max-width:768px){.flying-nav{background:var(--primary-bg-col);color:var(--primary-tx-col);display:flex;justify-content:space-between;padding:var(--base-mp-nav);position:-webkit-sticky;position:sticky;top:0;z-index:999999999}.flying-nav .nav-left{-webkit-user-select:none;user-select:none}.flying-nav .nav-left .nav-logo{align-items:center;display:flex;gap:.5rem}.flying-nav .nav-left .nav-logo .nav-logo-img{height:40px;width:auto}.flying-nav .nav-left .nav-logo .nav-logo-img-tarbud{cursor:pointer;display:none;height:30px;width:auto}.flying-nav .nav-left .nav-logo .nav-logo-text h2,.flying-nav .nav-left .nav-logo .nav-logo-text p{font-family:Montserrat,sans-serif}.flying-nav .nav-left .nav-logo .nav-logo-text h2{font-size:1.3rem;font-weight:900}.flying-nav .nav-left .nav-logo .nav-logo-text p{font-size:.4rem;font-weight:500;line-height:.7}.flying-nav .nav-right{display:flex;gap:10px}.flying-nav .nav-right .nav-textbar{align-items:center;display:none;gap:.2rem}.flying-nav .nav-right .nav-textbar a{font-size:10px;text-decoration:none}.flying-nav .nav-right .nav-searchbar{align-items:center;display:none}.flying-nav .nav-right .nav-searchbar .nav-searchbar-wrapper{align-items:center;background:#2e487a;border-radius:50px;display:flex;gap:10px;padding:10px 15px 10px 20px;-webkit-user-select:none;user-select:none}.flying-nav .nav-right .nav-searchbar .nav-searchbar-wrapper input{background:#0000;border:none;color:#fff}.flying-nav .nav-right .nav-searchbar .nav-searchbar-wrapper input:focus{outline:none}.flying-nav .nav-right .nav-searchbar .nav-searchbar-wrapper input::placeholder{color:#fff}.flying-nav .nav-right .nav-searchbar .nav-searchbar-wrapper span{color:#fff;cursor:pointer}.flying-nav .nav-right .nav-iconbar{align-items:center;display:flex;gap:.5rem;-webkit-user-select:none;user-select:none}.flying-nav .nav-right .nav-iconbar i{background:#2e487a;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;padding:5px}.flying-nav .nav-right .nav-iconbar .material-symbols-rounded{color:#2e487a;cursor:pointer;font-size:2rem;font-variation-settings:"FILL" 0,"wght" 800,"GRAD" 0,"opsz" 24}.flying-nav .nav-right .nav-iconbar .desktop{display:none}.flying-nav .nav-menu-mobile{background:var(--primary-bg-col-darken);bottom:0;left:0;position:fixed;right:0;top:0}}.loading-event{-webkit-backdrop-filter:brightness(30%) blur(10px);backdrop-filter:brightness(30%) blur(10px);bottom:0;left:0;position:fixed;right:0;top:0;z-index:99999}.loading-event .loading-event-wrapper{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}.loading-event .loading-event-wrapper h1{color:var(--primary-bg-col);font-size:1.3rem}.loading-event .loading-event-wrapper .atom-loading{animation:rotate 30s linear infinite;height:auto;width:10vw}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media only screen and (min-width:768px){.hero-homepage{background:var(--primary-bg-col);color:var(--primary-tx-col);height:100vh;overflow:hidden;position:relative}.hero-homepage .hero-text-homepage{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.hero-homepage .hero-text-homepage .nav-logo-img-tarbud{display:none}.hero-homepage .hero-text-homepage h1{font-size:8vh}.hero-homepage .hero-text-homepage p{font-size:2.6vh;line-height:.8}.hero-homepage .hero-text-homepage .hero-button-homepage-daftar{background:var(--primary-btn-col);border:none;border-radius:var(--base-brads-w);color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:2rem;padding:2vh 12vw;transition:all .3s ease-out}.hero-homepage .hero-text-homepage .hero-button-homepage-daftar:hover{background:var(--primary-btnh-col)}.hero-homepage .flat-teammate{bottom:-30vh;height:auto;left:10vw;position:absolute;width:35vw}.hero-homepage .hero-copyright{bottom:5vh;font-size:.8rem;position:absolute;right:2vw;text-align:right}}@media only screen and (max-width:768px){.hero-homepage{background:var(--primary-bg-col);color:var(--primary-tx-col);height:100vh;overflow:hidden;position:relative}.hero-homepage .hero-text-homepage{margin:10vh 0;text-align:center}.hero-homepage .hero-text-homepage .nav-logo-img-tarbud{height:auto;margin-bottom:5vh;width:25vw}.hero-homepage .hero-text-homepage h1{font-size:5vh;line-height:1}.hero-homepage .hero-text-homepage p{font-size:1.8vh;line-height:1.2;margin:3vh 0}.hero-homepage .hero-text-homepage .hero-button-homepage-daftar{background:var(--primary-btn-col);border:none;border-radius:var(--base-brads-w);color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:2rem;padding:1vh 30vw;transition:all .3s ease-out}.hero-homepage .hero-text-homepage .hero-button-homepage-daftar:hover{background:var(--primary-btnh-col)}.hero-homepage .flat-teammate{bottom:-18vh;height:auto;left:-12vw;position:absolute;width:120vw}.hero-homepage .hero-copyright{bottom:5vh;display:none;font-size:.8rem;position:absolute;right:2vw;text-align:right}}@media only screen and (min-width:768px){.intro-homepage{color:var(--primary-tx-col);overflow:hidden;padding:var(--base-dp-nav);position:relative}.intro-homepage .intro-homepage-wrapper{display:flex;flex-direction:column}.intro-homepage .intro-homepage-wrapper .intro-text-homepage{align-items:center;display:flex;flex-direction:column;padding:20vh 30vh 30vh;text-align:center;-webkit-user-select:none;user-select:none}.intro-homepage .intro-homepage-wrapper .intro-text-homepage h1{font-size:8vh}.intro-homepage .intro-homepage-wrapper .intro-text-homepage p{font-size:3vh;line-height:1;margin-bottom:20px}.intro-homepage .intro-homepage-wrapper .intro-text-homepage span{align-items:center;background:var(--primary-bg-col);border-radius:20px;display:flex;font-size:1rem;padding:2px 20px;text-transform:capitalize;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.intro-homepage .intro-homepage-wrapper .intro-box-homepage-wrapper{display:flex;justify-content:space-around}.intro-homepage .intro-homepage-wrapper .intro-box-homepage-wrapper .intro-box-homepage{align-items:center;background:var(--primary-bg-col);border-radius:var(--base-brads);cursor:pointer;display:flex;flex-direction:column;padding:30px;position:relative}.intro-homepage .intro-homepage-wrapper .intro-box-homepage-wrapper .intro-box-homepage .sirkel2{position:absolute;top:-20vh;z-index:-1}.intro-homepage .intro-homepage-wrapper .intro-box-homepage-wrapper .intro-box-homepage .sirkel1{display:none}.intro-homepage .intro-homepage-wrapper .intro-box-homepage-wrapper .intro-box-homepage img{height:20vw;object-fit:cover;width:20vw}.intro-homepage .intro-homepage-wrapper .intro-sejarah-wrapper{display:flex;justify-content:space-around;margin:30vh 0}.intro-homepage .intro-homepage-wrapper .intro-sejarah-wrapper p{width:50vw}.intro-homepage .intro-homepage-wrapper .intro-sejarah-wrapper button{background:var(--primary-btn-col);border:none;border-radius:var(--base-brads-w);color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:2vh 12vw;transition:all .3s ease-out}.intro-homepage .intro-homepage-wrapper .intro-sejarah-wrapper button:hover{background:var(--primary-btnh-col)}.intro-homepage .flat-sirkel{bottom:-6vh;position:absolute;right:12vw;z-index:-1}.intro-homepage .flat-sirkel img{height:auto;width:23vw}}@media only screen and (max-width:768px){.intro-homepage{color:var(--primary-tx-col);overflow:hidden;padding:var(--base-mp-nav);position:relative}.intro-homepage .intro-homepage-wrapper{display:flex;flex-direction:column;margin:15vh 10px 18vh}.intro-homepage .intro-homepage-wrapper .intro-text-homepage{align-items:center;display:flex;flex-direction:column;text-align:center;-webkit-user-select:none;user-select:none}.intro-homepage .intro-homepage-wrapper .intro-text-homepage h1{font-size:6vh;line-height:1;margin-bottom:20px}.intro-homepage .intro-homepage-wrapper .intro-text-homepage p{font-size:1.8vh;line-height:1.2;margin-bottom:20px}.intro-homepage .intro-homepage-wrapper .intro-text-homepage span{align-items:center;background:var(--primary-bg-col);border-radius:20px;display:flex;font-size:.7rem;margin-bottom:10vh;padding:2px 20px;text-transform:capitalize;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.intro-homepage .intro-homepage-wrapper .intro-box-homepage-wrapper{display:flex;flex-direction:column;gap:4vh;justify-content:center;margin:30px 0}.intro-homepage .intro-homepage-wrapper .intro-box-homepage-wrapper .intro-box-homepage{align-items:center;background:var(--primary-bg-col);border-radius:var(--base-brads);cursor:pointer;display:flex;flex-direction:column;padding:8vh 30px;position:relative;text-align:center}.intro-homepage .intro-homepage-wrapper .intro-box-homepage-wrapper .intro-box-homepage .sirkel2{display:none}.intro-homepage .intro-homepage-wrapper .intro-box-homepage-wrapper .intro-box-homepage .sirkel1{height:auto;position:absolute;top:-12vh;width:50vw;z-index:-1}.intro-homepage .intro-homepage-wrapper .intro-box-homepage-wrapper .intro-box-homepage img{height:20vw;object-fit:cover;width:20vw}.intro-homepage .intro-homepage-wrapper .intro-sejarah-wrapper{display:flex;flex-direction:column;text-align:center}.intro-homepage .intro-homepage-wrapper .intro-sejarah-wrapper p{margin:20px 0}.intro-homepage .intro-homepage-wrapper .intro-sejarah-wrapper button{background:var(--primary-btn-col);border:none;border-radius:var(--base-brads-w);color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:2vh 12vw;transition:all .3s ease-out}.intro-homepage .intro-homepage-wrapper .intro-sejarah-wrapper button:hover{background:var(--primary-btnh-col)}.intro-homepage .flat-sirkel{bottom:-6vh;position:absolute;right:12vw;z-index:-1}.intro-homepage .flat-sirkel img{height:auto;width:53vw}}@media only screen and (min-width:768px){.division-homepage{background:var(--primary-bg-col);color:var(--primary-tx-col);overflow:hidden;position:relative}.division-homepage .division-homepage-wrapper{display:flex;flex-direction:column}.division-homepage .division-homepage-wrapper .division-text-homepage{align-items:center;display:flex;flex-direction:column;padding:20vh 20vh 35vh;text-align:center;-webkit-user-select:none;user-select:none}.division-homepage .division-homepage-wrapper .division-text-homepage h1{font-size:8vh}.division-homepage .division-homepage-wrapper .division-text-homepage p{font-size:3vh;line-height:1;margin-bottom:20px}.division-homepage .division-homepage-wrapper .division-box-homepage-wrapper{display:flex;justify-content:space-evenly}.division-homepage .division-homepage-wrapper .division-box-homepage-wrapper .division-box-homepage{align-items:center;background:#6de6ed;border-radius:var(--base-brads);display:flex;flex-direction:column;gap:.5rem;padding:30px 40px;position:relative}.division-homepage .division-homepage-wrapper .division-box-homepage-wrapper .division-box-homepage .flat-kti1{height:auto;position:absolute;top:-18vh;width:10vw}.division-homepage .division-homepage-wrapper .division-box-homepage-wrapper .division-box-homepage .flat-mm1{height:20vh;object-position:0 0;position:absolute;top:-20vh;width:12vw}.division-homepage .division-homepage-wrapper .division-box-homepage-wrapper .division-box-homepage .flat-pgr1{height:18vh;object-position:-10px -18px;position:absolute;top:-18vh;width:13vw}.division-homepage .division-homepage-wrapper .division-box-homepage-wrapper .division-box-homepage img{height:14vw;object-fit:cover;width:14vw}.division-homepage .division-homepage-wrapper .division-box-homepage-wrapper .division-box-homepage h3{font-size:1.5rem;margin:10px 0}.division-homepage .division-homepage-wrapper .division-box-homepage-wrapper .division-box-homepage button{background:var(--primary-btn-col);border:none;border-radius:var(--base-brads-w);color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;height:6vh;transition:all .3s ease-out;width:23vw}.division-homepage .division-homepage-wrapper .division-box-homepage-wrapper .division-box-homepage button:hover{background:var(--primary-btnh-col)}.division-homepage .division-homepage-wrapper .division-text-expl-homepage{margin:20vh 30px 40vh}.division-homepage .division-read-homepage{bottom:-8vh;left:20vw;position:absolute}.division-homepage .division-read-homepage .jawir-membaca{width:20vw}}@media only screen and (max-width:768px){.division-homepage{background:var(--primary-bg-col);color:var(--primary-tx-col);overflow:hidden;padding:20vh 20px;position:relative}.division-homepage .division-homepage-wrapper{display:flex;flex-direction:column}.division-homepage .division-homepage-wrapper .division-text-homepage{align-items:center;display:flex;flex-direction:column;text-align:center;-webkit-user-select:none;user-select:none}.division-homepage .division-homepage-wrapper .division-text-homepage h1{font-size:6vh;line-height:1;margin-bottom:20px}.division-homepage .division-homepage-wrapper .division-text-homepage p{font-size:1.8vh;line-height:1.2;margin-bottom:20px}.division-homepage .division-homepage-wrapper .division-box-homepage-wrapper{display:flex;flex-direction:column;gap:3rem;margin-top:10vh}.division-homepage .division-homepage-wrapper .division-box-homepage-wrapper .division-box-homepage{align-items:center;background:#6de6ed;border-radius:var(--base-brads);display:flex;flex-direction:column;gap:.5rem;padding:30px 40px;position:relative;text-align:center}.division-homepage .division-homepage-wrapper .division-box-homepage-wrapper .division-box-homepage .flat-kti1{display:none;height:auto;position:absolute;top:-18vh;width:10vw}.division-homepage .division-homepage-wrapper .division-box-homepage-wrapper .division-box-homepage .flat-mm1{display:none;height:20vh;object-position:0 0;position:absolute;top:-20vh;width:12vw}.division-homepage .division-homepage-wrapper .division-box-homepage-wrapper .division-box-homepage .flat-pgr1{display:none;height:18vh;object-position:-10px -18px;position:absolute;top:-18vh;width:13vw}.division-homepage .division-homepage-wrapper .division-box-homepage-wrapper .division-box-homepage img{height:20vw;object-fit:cover;width:20vw}.division-homepage .division-homepage-wrapper .division-box-homepage-wrapper .division-box-homepage h3{font-size:1.5rem;margin:10px 0}.division-homepage .division-homepage-wrapper .division-box-homepage-wrapper .division-box-homepage button{background:var(--primary-btn-col);border:none;border-radius:var(--base-brads-w);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;height:6vh;transition:all .3s ease-out;width:70vw}.division-homepage .division-homepage-wrapper .division-box-homepage-wrapper .division-box-homepage button:hover{background:var(--primary-btnh-col)}.division-homepage .division-homepage-wrapper .division-text-expl-homepage{margin:20vh 0 10vh}.division-homepage .division-read-homepage{bottom:-3vh;display:flex;left:0;position:absolute}.division-homepage .division-read-homepage .jawir-membaca{width:40vw}}@media only screen and (min-width:768px){.productivity-homepage{color:var(--primary-tx-col);margin-bottom:20vh}.productivity-homepage .productivity-text-homepage{align-items:center;display:flex;flex-direction:column;margin:30vh 30vh 10vh;text-align:center;-webkit-user-select:none;user-select:none}.productivity-homepage .productivity-text-homepage h1{font-size:8vh}.productivity-homepage .productivity-text-homepage p{font-size:3vh;line-height:1;margin-bottom:20px}.mark{padding:40px 0 0}.wrapper-marq{align-items:center;display:flex;flex-direction:column;margin:0 20px}.wrapper-marq img{border-radius:var(--base-brads);height:30vh;object-fit:cover;width:30vw}.wrapper-marq p{margin:2rem 2rem 0}}@media only screen and (max-width:768px){.productivity-homepage{color:var(--primary-tx-col);margin-bottom:20vh}.productivity-homepage .productivity-text-homepage{align-items:center;display:flex;flex-direction:column;margin:30vh 20px 10vh;text-align:center;-webkit-user-select:none;user-select:none}.productivity-homepage .productivity-text-homepage h1{font-size:6vh;line-height:1;margin-bottom:20px}.productivity-homepage .productivity-text-homepage p{font-size:1.8vh;line-height:1.2;margin-bottom:20px}.mark{padding:40px 0 0}.wrapper-marq{align-items:center;display:flex;flex-direction:column;margin:0 15px}.wrapper-marq img{border-radius:var(--base-brads);height:20vh;object-fit:cover;width:70vw}.wrapper-marq p{margin:2rem 2rem 0}}@media only screen and (min-width:768px){.footer-credit{color:var(--primary-tx-col);padding:30px 4vw;position:relative}.footer-credit .credits{display:grid;grid-template-columns:auto auto auto auto;margin:2vh 0}.footer-credit .credits ul{display:grid;grid-template-columns:auto;list-style:none}.footer-credit .credits ul li{margin:.8vh 0}.footer-credit .goodbye{bottom:-20vh;position:absolute;right:5vw;width:30vw}}@media only screen and (max-width:768px){.footer-credit{color:var(--primary-tx-col);padding:30px 4vw;position:relative}.footer-credit .credits{display:grid;grid-template-columns:auto auto auto;margin:1vh 0 12vh}.footer-credit .credits ul{display:grid;grid-template-columns:auto;list-style:none}.footer-credit .credits ul li{font-size:.7rem;margin:5px 0}.footer-credit .goodbye{bottom:-10vh;position:absolute;right:0;width:50vw;z-index:-1}}.popup-state{display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999999}.popup-state .popup-state-box{background:var(--primary-btn-col);border-radius:var(--base-brads);color:var(--primary-bg-col);font-weight:500;overflow:hidden;padding:20px;position:relative;width:20vw}.popup-state .popup-state-box .dankmeme{bottom:0;position:absolute;right:0;transform:translateY(20px) translateX(-10px);width:6vw}.popup-state .popup-state-box h4{margin-bottom:10px;text-transform:capitalize}.popup-state .popup-state-box p{line-height:1.2;margin-bottom:10px}.popup-state .popup-state-box button{background-color:#cee0ff;border:none;border-radius:var(--base-brads);color:var(--primary-tx-col);cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:5px 20px;text-transform:capitalize}@media only screen and (min-width:768px){.login-container{align-items:center;background:var(--primary-bg-col);display:flex;height:100vh;justify-content:center}.login-container .login-box-wrapper{background:var(--primary-btn-col);border-radius:var(--base-brads);color:var(--primary-bg-col);padding:30px;position:relative;text-align:center;width:28vw;z-index:9999}.login-container .login-box-wrapper .gembok{object-fit:cover;position:absolute;right:0;top:0;transform:translateY(-7.5vh);width:6vw}.login-container .login-box-wrapper .login-wrapper{align-items:center;display:flex;flex-direction:column;gap:10px}.login-container .login-box-wrapper .login-wrapper img{height:5vh;object-fit:cover;width:10vw}.login-container .login-box-wrapper .login-wrapper form{width:100%}.login-container .login-box-wrapper .login-wrapper form .input-login-auth{align-items:center;background:#466db8;border-radius:40px;display:flex;gap:10px;margin:10px 0;overflow:hidden;padding:10px 20px;width:100%}.login-container .login-box-wrapper .login-wrapper form .input-login-auth input{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border:none;width:100%}.login-container .login-box-wrapper .login-wrapper form .input-login-auth input:focus{color:#fff;outline:none}.login-container .login-box-wrapper .login-wrapper form .input-login-auth input::placeholder{color:#fff}.login-container .login-box-wrapper .login-wrapper .btn-loginsbn{background-color:#cee0ff;border:none;border-radius:var(--base-brads);color:var(--primary-tx-col);cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;width:100%}.login-container .login-box-wrapper .login-wrapper .nothave{color:#ff0;font-size:.7rem;margin:0}.login-container .login-box-wrapper .login-wrapper .nothave a{color:#ff0}.login-container .login-box-wrapper .ngintik-an{height:15vh;object-fit:cover;width:20vw}.login-container .login-box-wrapper .cautions-l{color:#98b4e7;font-size:.7rem;line-height:1.2;margin-top:10px}.login-container .gang-login{bottom:0;position:absolute;transform:translateY(11vw);width:40vw}.login-container .back-tomen{align-items:center;color:var(--primary-tx-col);cursor:pointer;display:flex;gap:.5rem;left:3rem;position:absolute;top:2rem;-webkit-user-select:none;user-select:none}}@media only screen and (max-width:768px){.login-container{align-items:center;background:var(--primary-bg-col);display:flex;height:100vh;justify-content:center}.login-container .login-box-wrapper{background:var(--primary-btn-col);border-radius:var(--base-brads);color:var(--primary-bg-col);padding:30px;position:relative;text-align:center;width:80vw;z-index:9999}.login-container .login-box-wrapper .gembok{object-fit:cover;position:absolute;right:0;top:0;transform:translateY(-5vh);width:20vw}.login-container .login-box-wrapper .login-wrapper{align-items:center;display:flex;flex-direction:column;gap:10px}.login-container .login-box-wrapper .login-wrapper img{height:5vh;object-fit:cover;width:30vw}.login-container .login-box-wrapper .login-wrapper .input-login-auth{align-items:center;background:#466db8;border-radius:40px;display:flex;gap:10px;justify-content:space-between;margin:10px 0;padding:12px 20px}.login-container .login-box-wrapper .login-wrapper .input-login-auth input{background:#0000;border:none;color:#fff;width:50vw}.login-container .login-box-wrapper .login-wrapper .input-login-auth input:focus{outline:none}.login-container .login-box-wrapper .login-wrapper .input-login-auth input::placeholder,.login-container .login-box-wrapper .login-wrapper .input-login-auth input:focus{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;color:#fff}.login-container .login-box-wrapper .login-wrapper .btn-loginsbn{background-color:#cee0ff;border:none;border-radius:var(--base-brads);color:var(--primary-tx-col);cursor:pointer;font-size:1rem;font-weight:600;padding:8px 20px;width:100%}.login-container .login-box-wrapper .login-wrapper .nothave{color:#ff0;font-size:.7rem;margin:0}.login-container .login-box-wrapper .login-wrapper .nothave a{color:#ff0}.login-container .login-box-wrapper .ngintik-an{height:15vh;object-fit:cover;width:60vw}.login-container .login-box-wrapper .cautions-l{color:#98b4e7;font-size:.7rem;line-height:1.2;margin-top:10px}.login-container .gang-login{bottom:0;position:absolute;transform:translateY(10vw);width:80vw}.login-container .back-tomen{align-items:center;color:var(--primary-tx-col);cursor:pointer;display:flex;gap:10px;left:2rem;position:absolute;top:2rem;-webkit-user-select:none;user-select:none}}.input-newmem-page{align-items:center;background:var(--primary-bg-col);display:flex;height:100vh;justify-content:center}.input-newmem-page .input-newmem-box{background:var(--primary-btn-col);border-radius:var(--base-brads);padding:30px}.stepper{align-items:center;display:flex;gap:5px;margin:20px 0}.stepper .line-step{border:3px solid #fff;border-radius:20px;transition:border .3s;width:4rem}.stepper .line-step.active{border:3px solid var(--p-st)}.stepper .stepper-text{position:relative}.stepper .stepper-text .stepper-text-p{color:var(--primary-bg-col);left:-1.5rem;position:absolute;text-align:center;width:5rem}.stepper .stepper-text .step{align-items:center;background-color:#e0e0e0;border-radius:50%;color:#666;display:flex;font-size:16px;height:30px;justify-content:center;transition:background-color .3s,color .3s;width:30px}.stepper .stepper-text .step.active{background-color:var(--p-st);color:var(--primary-bg-col)}.stepper .stepper-text .step:not(:last-child){position:relative}.stepper .stepper-text .step:not(:last-child):after{background-color:#e0e0e0;content:"";height:2px;position:absolute;right:-20px;top:50%;width:40px;z-index:-1}.stepper .stepper-text .step:not(:last-child).active:after{background-color:#3a63a5}@media only screen and (min-width:768px){.registerpage{align-items:center;background:var(--primary-bg-col);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.registerpage .registerpage-big-box{background:var(--primary-btn-col);border-radius:var(--base-brads);color:var(--primary-bg-col);overflow:hidden;padding:3rem;width:40vw}.registerpage .registerpage-big-box .upper-box{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin-bottom:20px}.registerpage .registerpage-big-box .upper-box img{border-radius:50%;width:2.8rem}.registerpage .registerpage-big-box .registerpage-box{background:var(--primary-bg-col);border-radius:var(--base-brads);color:var(--primary-tx-col);display:flex;flex-direction:column;margin:20px 0 10px;padding:20px 30px}.registerpage .registerpage-big-box .registerpage-box .grif{align-items:center;display:flex;gap:.5rem}.registerpage .registerpage-big-box .registerpage-box .grif i{cursor:pointer}.registerpage .registerpage-big-box .registerpage-box .example-idat{font-size:.8rem}.registerpage .registerpage-big-box .registerpage-box input{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border:none;border-bottom:2px solid var(--primary-tx-col);font-size:1rem;margin:20px 0;padding:0 1rem .7rem}.registerpage .registerpage-big-box .registerpage-box input:focus{outline:none}.registerpage .registerpage-big-box .registerpage-box .subit{background:var(--primary-btn-col);border:none;border-radius:var(--base-brads);color:var(--primary-bg-col);cursor:pointer;font-size:1rem;font-weight:600;padding:20px;width:100%}.registerpage .registerpage-big-box .registerpage-box .utu{display:flex;flex-direction:column}.registerpage .registerpage-big-box .registerpage-box .utu p{text-align:center}.registerpage .registerpage-big-box .registerpage-box .utu .keyakinan{display:flex;gap:.5rem;margin:10px 0 0}.registerpage .registerpage-big-box .registerpage-box .utu .keyakinan .subityes{background:var(--primary-btn-col);border:none;border-radius:var(--base-brads);color:var(--primary-bg-col);cursor:pointer;font-size:1rem;font-weight:600;padding:20px;width:100%}.registerpage .registerpage-big-box .registerpage-box .utu .keyakinan .subitno{background:#ff2b2b;border:none;border-radius:var(--base-brads);color:var(--primary-bg-col);cursor:pointer;font-size:1rem;font-weight:600;padding:20px;width:100%}.registerpage .budegmode{bottom:0;position:absolute;right:0;transform:translate(3vw,2vh);width:30vw}}@media only screen and (max-width:768px){.registerpage{align-items:center;background:var(--primary-bg-col);display:flex;height:100vh;justify-content:center;overflow:hidden;padding:20px;position:relative}.registerpage .registerpage-big-box{border-radius:var(--base-brads);color:var(--primary-tx-col);overflow:hidden;position:relative;z-index:9999}.registerpage .registerpage-big-box .upper-box{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin-bottom:20px}.registerpage .registerpage-big-box .upper-box img{border-radius:50%;width:2.8rem}.registerpage .registerpage-big-box .registerpage-box{background:var(--primary-btn-col);border-radius:var(--base-brads);color:var(--primary-bg-col);display:flex;flex-direction:column;margin:20px 0 10px;padding:20px}.registerpage .registerpage-big-box .registerpage-box .grif{align-items:center;display:flex;gap:.5rem}.registerpage .registerpage-big-box .registerpage-box .grif i{cursor:pointer}.registerpage .registerpage-big-box .registerpage-box .example-idat{font-size:.8rem}.registerpage .registerpage-big-box .registerpage-box input{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border:none;border-bottom:2px solid var(--primary-bg-col);font-size:1rem;margin:20px 0;padding:0 1rem .7rem}.registerpage .registerpage-big-box .registerpage-box input:focus{outline:none}.registerpage .registerpage-big-box .registerpage-box input::placeholder{color:var(--primary-bg-col)}.registerpage .registerpage-big-box .registerpage-box .subit{background:var(--primary-bg-col);border:none;border-radius:var(--base-brads);color:var(--primary-tx-col);cursor:pointer;font-size:1rem;font-weight:600;padding:20px;width:100%}.registerpage .registerpage-big-box .registerpage-box .utu{display:flex;flex-direction:column}.registerpage .registerpage-big-box .registerpage-box .utu p{text-align:center}.registerpage .registerpage-big-box .registerpage-box .utu .keyakinan{display:flex;gap:.5rem;margin:10px 0 0}.registerpage .registerpage-big-box .registerpage-box .utu .keyakinan .subityes{background:var(--primary-btn-col);border:none;border-radius:var(--base-brads);color:var(--primary-bg-col);cursor:pointer;font-size:1rem;font-weight:600;padding:20px;width:100%}.registerpage .registerpage-big-box .registerpage-box .utu .keyakinan .subitno{background:#ff2b2b;border:none;border-radius:var(--base-brads);color:var(--primary-bg-col);cursor:pointer;font-size:1rem;font-weight:600;padding:20px;width:100%}.registerpage .budegmode{bottom:0;position:absolute;right:0;transform:translate(3vw,2vh);width:30vw}}@media only screen and (min-width:768px){.registration-account-page{align-items:center;background:var(--primary-bg-col);display:flex;height:100vh;justify-content:center}.registration-account-page .registration-account-box{background:var(--primary-btn-col);border-radius:var(--base-brads);color:var(--primary-bg-col);padding:30px;position:relative;width:28vw;z-index:9999}.registration-account-page .registration-account-box form button{align-items:center;background-color:#cee0ff;border:none;border-radius:var(--base-brads);color:var(--primary-tx-col);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;min-width:15vw;padding:10px 20px;width:100%}.registration-account-page .registration-account-box form button:disabled,.registration-account-page .registration-account-box form button:hover{background:var(--primary-bg-col-darken)}.registration-account-page .registration-account-box form .registration-input{align-items:center;background:#466db8;border-radius:40px;display:flex;gap:10px;justify-content:space-between;margin:10px 0;overflow:hidden;padding:12px 20px}.registration-account-page .registration-account-box form .registration-input input{background:#0000;border:none;color:#fff;width:50vw}.registration-account-page .registration-account-box form .registration-input input:focus{outline:none}.registration-account-page .registration-account-box form .registration-input input::placeholder,.registration-account-page .registration-account-box form .registration-input input:focus{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;color:#fff}}@media only screen and (max-width:768px){.registration-account-page{align-items:center;background:var(--primary-bg-col);display:flex;height:100vh;justify-content:center}.registration-account-page .registration-account-box{background:var(--primary-btn-col);border-radius:var(--base-brads);color:var(--primary-bg-col);padding:30px;position:relative;width:80vw;z-index:9999}.registration-account-page .registration-account-box form{display:flex;flex-direction:column}.registration-account-page .registration-account-box form button{align-items:center;background-color:#cee0ff;border:none;border-radius:var(--base-brads);color:var(--primary-tx-col);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;margin-top:2px;min-width:15vw;padding:10px 20px;width:100%}.registration-account-page .registration-account-box form button:disabled,.registration-account-page .registration-account-box form button:hover{background:var(--primary-bg-col-darken)}.registration-account-page .registration-account-box form .registration-input{align-items:center;background:#466db8;border-radius:40px;display:flex;gap:10px;justify-content:space-between;margin:10px 0;overflow:hidden;padding:12px 20px}.registration-account-page .registration-account-box form .registration-input input{background:#0000;border:none;color:#fff;width:50vw}.registration-account-page .registration-account-box form .registration-input input:focus{outline:none}.registration-account-page .registration-account-box form .registration-input input::placeholder,.registration-account-page .registration-account-box form .registration-input input:focus{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;color:#fff}}@media only screen and (min-width:768px){.verification-page{align-items:center;background:var(--primary-bg-col);display:flex;flex-direction:column;gap:10vh;height:100vh;justify-content:flex-end;text-transform:capitalize}.verification-page .verification-box{background:var(--primary-btn-col);border-radius:var(--base-brads);color:var(--primary-bg-col);display:flex;flex-direction:column;gap:20px;padding:30px}.verification-page .verification-box h1{font-size:1rem;text-align:center}.verification-page .verification-box h1 span{text-transform:lowercase}.verification-page .verification-box p{text-align:center}.verification-page .verification-box .send-verif{background-color:#cee0ff;border:none;border-radius:var(--base-brads);color:var(--primary-tx-col);cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px}.verification-page .verification-box .send-verif:disabled,.verification-page .verification-box .send-verif:hover{background:var(--primary-bg-col-darken)}.verification-page .verification-box #opm{cursor:pointer;text-decoration:underline}.verification-page .logo-powered-verif{align-items:center;color:var(--primary-btn-col);display:flex;flex-direction:column;margin-bottom:8vh;-webkit-user-select:none;user-select:none}.verification-page .logo-powered-verif .honk{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.verification-page .logo-powered-verif .honk .github-logo{display:flex}.verification-page .logo-powered-verif .honk .github-logo img{height:4vh;width:auto}.verification-page .logo-powered-verif .honk .github-logo img:nth-child(2){transform:translateX(-3px)}.verification-page .logo-powered-verif .honk #gomgol{object-position:10px 3px}.verification-page .logo-powered-verif .honk img{aspect-ratio:16/9;height:10vh;object-fit:contain;object-position:center;width:auto}.verification-page .logo-powered-verif .honk svg{aspect-ratio:16/9}}@media only screen and (max-width:768px){.verification-page{align-items:center;background:var(--primary-bg-col);display:flex;flex-direction:column;gap:10vh;height:100vh;justify-content:flex-end;padding:20px;text-transform:capitalize}.verification-page .verification-box{background:var(--primary-btn-col);border-radius:var(--base-brads);color:var(--primary-bg-col);display:flex;flex-direction:column;gap:20px;padding:30px}.verification-page .verification-box h1{font-size:1rem;text-align:center}.verification-page .verification-box h1 span{text-transform:lowercase}.verification-page .verification-box p{text-align:center}.verification-page .verification-box .send-verif{background-color:#cee0ff;border:none;border-radius:var(--base-brads);color:var(--primary-tx-col);cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px}.verification-page .verification-box .send-verif:disabled,.verification-page .verification-box .send-verif:hover{background:var(--primary-bg-col-darken)}.verification-page .verification-box #opm{cursor:pointer;text-decoration:underline}.verification-page .logo-powered-verif{align-items:center;color:var(--primary-btn-col);display:flex;flex-direction:column;margin-bottom:5vh;-webkit-user-select:none;user-select:none}.verification-page .logo-powered-verif .honk{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.verification-page .logo-powered-verif .honk .github-logo{display:flex}.verification-page .logo-powered-verif .honk .github-logo img{height:2vh;width:auto}.verification-page .logo-powered-verif .honk .github-logo img:nth-child(2){transform:translateX(-3px)}.verification-page .logo-powered-verif .honk #gomgol{object-position:10px 3px}.verification-page .logo-powered-verif .honk img{aspect-ratio:16/9;height:5vh;object-fit:contain;object-position:center;width:auto}.verification-page .logo-powered-verif .honk svg{aspect-ratio:16/9}}@media only screen and (min-width:768px){.verification-final-page{align-items:center;background:var(--primary-bg-col);display:flex;height:100vh;justify-content:center}.verification-final-page .verification-final-box{align-items:center;background:var(--primary-btn-col);border-radius:var(--base-brads);color:var(--primary-bg-col);display:flex;flex-direction:column;gap:20px;padding:30px;text-align:center}.verification-final-page .verification-final-box p{max-width:50vw;min-width:20vw}.verification-final-page .verification-final-box .verification-final-button{display:flex;gap:10px;width:100%}.verification-final-page .verification-final-box .verification-final-button button{align-items:center;background-color:#cee0ff;border:none;border-radius:var(--base-brads);color:var(--primary-tx-col);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;min-width:15vw;padding:10px 20px;width:100%}.verification-final-page .verification-final-box .verification-final-button button:disabled,.verification-final-page .verification-final-box .verification-final-button button:hover{background:var(--primary-bg-col-darken)}}@media only screen and (max-width:768px){.verification-final-page{align-items:center;background:var(--primary-bg-col);display:flex;height:100vh;justify-content:center;padding:20px}.verification-final-page .verification-final-box{align-items:center;background:var(--primary-btn-col);border-radius:var(--base-brads);color:var(--primary-bg-col);display:flex;flex-direction:column;gap:10px;padding:10px;text-align:center}.verification-final-page .verification-final-box .verification-final-button{display:flex;gap:10px;width:100%}.verification-final-page .verification-final-box .verification-final-button button{background-color:#cee0ff;border:none;border-radius:var(--base-brads);color:var(--primary-tx-col);cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;width:100%}.verification-final-page .verification-final-box .verification-final-button button:disabled,.verification-final-page .verification-final-box .verification-final-button button:hover{background:var(--primary-bg-col-darken)}}
/*# sourceMappingURL=main.11c3757c.css.map*/