h1,h2,h3,h4,h5,h6{color:#339ccf;font-family:Gaegu,sans-serif;font-style:normal;font-weight:700}a,button,label,li,p,select,span{color:#0e4655;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-style:normal;font-weight:400;text-decoration:none}a{display:block}h1{font-size:72px}h2{font-size:56px}h3{font-size:40px}h4{font-size:38px}h5{font-size:24px}h6{font-size:20px}@media screen and (max-width:767px){h1{font-size:44px}h2,h3{font-size:40px}h4{font-size:24px}h5{font-size:18px}h6{font-size:16px}a,button,label,li,p,select,span{font-size:14px}.container{padding:0 16px}}.bg-cloud,.bg-mascot{background-position:50%;background-size:contain;position:relative}.bg-mascot{background-image:url(../images/bg-mascot-desktop.png)}.bg-cloud,.bg-mascot{background-color:#bbe0ec}.bg-cloud{background-image:url(../images/bg-cloud.png)}.bg-primary-100{background-color:#339ccf}.bg-gray-300{background-color:#ddf1f4}.bg-white-300,.card-gray{background-color:#f1f8f8}.card-gray{border-radius:10px;box-shadow:0 4px 60px 0 rgba(0,0,0,.05)}.button-primary,.button-secondary,.button-white{border-radius:50px;font-family:Gaegu,sans-serif;font-size:24px;padding:6px;text-align:center;transition:all .3s ease}.button-primary{background-color:#339ccf;border:4px solid #fff;color:#fff}.button-primary:hover{background-color:#fff;border:4px solid #339ccf;color:#339ccf}.button-secondary{align-items:center;background-color:#62b8cf;color:#fff;display:flex;font-size:38px;justify-content:space-between;line-height:40px;max-width:710px;padding:20px 32px}.button-secondary img{height:40px;width:auto}.button-white{background-color:#fff;border:1px solid #def0f3;color:#0e4655}.button-white:hover{border:1px solid #339ccf;color:#339ccf}.button-back{align-items:center;color:#339ccf;display:flex;font-family:Gaegu,sans-serif;font-size:18px;gap:8px}.button-back:before{background-image:url(../images/icon-arrow-left.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:16px;width:16px}.checklist{color:#0e4655;display:flex;gap:16px}.checklist:before{background-image:url(../images/icon-check.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:20px;margin-top:4px;min-width:20px;width:20px}.counter{background-color:#62b8cf;border-radius:4px;display:flex;gap:4px;padding:4px;width:-moz-fit-content;width:fit-content}.counter span{background-color:#fff;border-radius:4px;color:#000;font-weight:700;line-height:24px;text-align:center;width:24px}.progress-bar{background-color:#e1ecec;border-radius:10px;height:8px;width:100%}.progress-bar-inner{background-color:#62b8cf;border-radius:10px;height:100%;transition:width .3s ease;width:0}.option-list,.option-number{display:grid;gap:16px;list-style:none;margin:0;padding:0}.option-list li,.option-number li{align-items:center;display:flex}.option-ghost{background-color:#339ccf;opacity:.6}.option-number li{background-color:#def0f3;border-radius:50px;color:#339ccf;font-family:Gaegu,sans-serif;font-size:24px;justify-content:center;line-height:48px;max-height:48px;min-width:48px;text-align:center;width:48px}.option-list li{background-color:#fff;border-radius:4px;box-shadow:0 1px 4px 0 #e1ecec;justify-content:space-between;position:relative}.option-list li span.option-text{flex-grow:1;line-height:24px;padding:12px 64px 12px 16px}.option-list li span.option-handle{bottom:0;cursor:grab;position:absolute;right:0;top:0;width:48px}.option-list li span.option-handle:after{background-image:url(../images/icon-dot-six.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px}.option-list li:active .optiion-handle{cursor:grabbing}.float-center{max-height:100%;position:absolute;top:50%;transform:translateY(-50%);width:100%}.text-description{color:#0e4655}.text-description,.text-description span{font-family:Gaegu,sans-serif;font-size:24px;line-height:26px}.text-description span{color:#339ccf}.quote-box{background-color:#339ccf;border-radius:50px;padding:32px;position:relative}.quote-box h4{color:#fff}.accordion-head{align-items:center;background-color:#62b8cf;border:none;border-radius:50px;color:#fff;display:flex;font-family:Gaegu,sans-serif;font-size:38px;font-weight:700;justify-content:space-between;line-height:100%;padding:20px 40px;transition:all .3s ease;width:100%}.accordion-head img{height:12px;transition:all .3s ease;width:28px}.accordion-content{background-color:#fff;border-radius:0 0 50px 50px;max-height:0;overflow:hidden;transition:max-height .3s ease}.accordion-content>*{padding:20px 40px}.accordion-content *{color:#62b8cf;font-size:24px;line-height:34px;list-style:inside;margin:0}.accordion.active .accordion-head{border-radius:50px 50px 0 0}.accordion.active .accordion-head img{transform:rotate(180deg)}.accordion:not(:last-child){margin:0 0 24px}@media screen and (max-width:767px){.bg-mascot{background-image:url(../images/bg-mascot-mobile.png)}.bg-sm-gray{background-color:#f1f8f8;background-image:none}.card-gray{box-shadow:none}.button-primary,.button-white{font-size:18px;padding:8px}.button-primary{border:2px solid #fff}.button-primary:hover{border:2px solid #339ccf}.button-secondary{font-size:16px;line-height:24px;padding:10px 20px}.button-secondary img{height:16px}.checklist:before{height:16px;min-width:16px;width:16px}.option-list,.option-number{gap:8px}.option-number li{font-size:14px;line-height:24px;max-height:24px;min-width:24px;width:24px}.option-list li span.option-text{line-height:18px;padding-right:36px}.option-list li span.option-handle{background-color:#def0f3;border-radius:0 4px 4px 0;width:24px}.option-list li span.option-handle:after{background-image:url(../images/icon-dot-six-mobile.png);height:18px;width:18px}.text-description,.text-description span{font-size:16px;line-height:18px}.quote-box{border-radius:12px;padding:10px}.quote-box:before{height:50px;width:25px}.quote-box h4{font-size:16px}.accordion-head{border-radius:25px;font-size:18px;line-height:100%;padding:12px 20px}.accordion-head img{height:8px;width:15px}.accordion-content{border-radius:0 0 25px 25px}.accordion-content>*{padding:12px 16px 20px}.accordion-content *{font-size:14px;line-height:20px}.accordion.active .accordion-head{border-radius:25px 25px 0 0}.accordion:not(:last-child){margin:0 0 12px}}.wrapper{display:flex;flex-direction:column;max-height:100vh;min-height:100vh;overflow:hidden;position:relative;top:0}.wrapper>:first-child{flex:0 0 auto}.wrapper>:nth-child(2){flex:1 1 auto;max-width:100%;overflow-x:hidden;overflow-y:auto}.navbar{background-color:#fff;padding:24px 0;position:sticky;top:0;z-index:100}.navbar .container{position:relative}.navbar-sm{padding:16px 0}.navbar-logo img{height:32px;width:auto}.navbar-button{background:transparent;border:none;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.navbar-button svg{color:#339ccf;height:16px;width:16px}@media screen and (max-width:767px){.navbar,.navbar-sm{padding:8px 0}.navbar-logo img{height:16px}}.panduan .container{max-width:700px}.panduan-card{padding:60px 48px}.panduan-card h2{margin:0 0 40px}.panduan-card h5{margin:0 0 24px}.panduan-card a{margin:52px 0 18px}.panduan-counter{gap:16px}.pertanyaan-card{display:grid;gap:62px;grid-template-columns:2fr 5fr;padding:40px}.pertanyaan-card h3{margin:0 0 32px}.pertanyaan-card .progress-bar{margin:8px 0 32px}.pertanyaan-option{align-items:center;display:grid;gap:16px;grid-auto-flow:column;grid-template-columns:48px auto;grid-template-rows:repeat(8,auto);margin:0 0 32px}.pertanyaan-option .option-list,.pertanyaan-option .option-number{display:contents}.pertanyaan-navigation{align-items:center;display:flex;justify-content:space-between}.pertanyaan-navigation .button-primary{min-width:260px}.pengumpulan .container{max-width:700px}.pengumpulan-card{padding:64px 84px 76px}.pengumpulan-card p{margin:32px 0}.pengumpulan-card a{margin:16px auto 0;max-width:320px}.loading-image{display:block;height:auto;margin:0 auto 40px;max-width:90%;width:220px}.loading .progress-bar{margin:28px auto 0;max-width:360px}.report .container{max-width:740px}.report-card-top{padding:44px 60px 50px}.report-card-bottom{background-color:rgba(187,224,236,.4);border-radius:0 0 10px 10px;padding:40px 56px 50px}.report-card-bottom .google-login-button{align-items:center;background-color:#62b8cf;border-radius:4px;display:flex;margin:16px 0 0;padding:15px 8px;position:relative}.report-card-bottom .google-login-button img{height:40px;left:8px;-o-object-fit:contain;object-fit:contain;position:absolute;top:50%;transform:translateY(-50%);width:40px}.report-card-bottom .google-login-button span{color:#fff;flex-grow:1;font-size:18px;font-weight:700;line-height:26px;text-align:center}.report-title{display:grid;gap:14px;grid-template-columns:28px 1fr;margin:0 0 26px}.report-title img{height:auto;margin:4px 0 0;width:100%}.report-title h3{line-height:42px}.report-check{display:grid;gap:22px;grid-template-columns:24px 1fr}.report-check img{height:auto;width:100%}.report-check h5{color:#0e4655;line-height:26px;margin:0 0 4px}.report-check:not(:last-child){margin:0 0 40px}.google-login{background-color:#f1f8f8;min-height:100svh;position:relative}.google-login .container{left:50%;max-width:1000px;position:absolute;top:50%;transform:translate(-50%,-50%)}.google-login-card{background-color:#fff;border-radius:10px;display:grid;grid-template-columns:repeat(2,1fr);padding:32px}.google-login-card img{height:auto;width:40px}.google-login-card h3,.google-login-card p{color:#272727}.google-login-card h3{font-family:Plus Jakarta Sans,sans-serif;font-weight:600;margin:16px 0}.google-login-card a,.google-login-card p,.google-login-card span{font-size:14px}.google-login-card a,.google-login-card span{color:#1a73e8;font-weight:500}.google-login-card .next{background-color:#1a73e8;border-radius:50px;color:#fff;padding:8px 20px}.google-login-card .form-description{margin:40px 0 32px}.google-login-card .form-button{gap:24px}.google-login-input{margin:60px 0 0;position:relative}.google-login-input input[type=email]{background-color:transparent;border:1px solid #e4e4e4;border-radius:5px;display:block;font-size:16px;height:55px;margin-bottom:10px;outline:none;padding:0 15px;position:relative;width:100%;z-index:2}.google-login-input .input-label{background-color:#fff;color:#7a7a7a;font-size:14px;font-weight:100;left:14px;padding:0 5px;position:absolute;top:15px;transition:.1s ease}.google-login-input input[type=email]:focus~.input-label,.google-login-input input[type=email]:target~.input-label{background-color:#fff;color:#1a73e8;font-size:13px;top:-7px;z-index:2}.google-login-input .input:focus{border:2px solid #1a73e8}.result{padding:62px 0}.result-recap{border-radius:10px 10px 0 0;padding:60px 100px 80px}.result-recap>h2{font-size:72px;line-height:68px}.result-recap h1{font-size:170px;line-height:160px}.result-recap-image{display:block;height:auto;margin:-70px auto 0;width:650px}.result-recap .quote-box{margin:-40px 0 0}.result-recap .button-secondary{margin:40px auto}.result-recap-detail{background-color:#fff;border-radius:50px;padding:40px 40px 70px}.result-recap-detail-content{display:grid;gap:54px;grid-template-columns:5fr 4fr;margin:32px 0 0}.result-recap-detail-content .result-avatar{align-items:center;background-color:#ddf1f4;border-radius:50px;display:flex;justify-content:space-between;padding:24px 24px 24px 170px;position:relative}.result-recap-detail-content .result-avatar-image{bottom:-10px;height:auto;left:-16px;position:absolute;top:-10px;width:150px}.result-recap-detail-content .result-avatar-image img{height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%}.result-recap-detail-content .result-avatar .button-primary{font-size:38px;min-width:140px}.result-recap-detail-content .result-avatar h2,.result-recap-detail-content .result-avatar p{line-height:100%}.result-recap-detail-content .result-avatar h2{font-family:Plus Jakarta Sans,sans-serif}.result-recap-detail-content .result-avatar p{color:#339ccf;font-size:24px}.result-recap-detail-content .result-avatar:not(:last-child){margin:0 0 16px}.result-recap-detail-content .result-percentage{align-items:center;display:grid;gap:20px;grid-template-columns:3fr 6fr 1fr}.result-recap-detail-content .result-percentage .progress-bar{height:16px}.result-recap-detail-content .result-percentage p{color:#272727;line-height:100%}.result-recap-detail-content .result-percentage p.bold{font-weight:700}.result-recap-detail-content .result-percentage:not(:last-child){margin:0 0 40px}.result-meaning{padding:60px 90px 90px}.result-meaning p{color:#339ccf;font-size:24px;margin:32px 0 0}.result-character{padding:80px 90px 45px}.result-character-content{display:grid;gap:80px;grid-template-columns:repeat(2,1fr);margin:60px 0 0}.result-character-content .conclusion{background-color:#339ccf;border-radius:50px;padding:35px 50px 64px}.result-character-content .conclusion-image{display:block;height:auto;margin:-70px auto 0;width:330px}.result-character-content .conclusion h4,.result-character-content .conclusion li{color:#fff}.result-character-content .conclusion ol{margin:24px 0 0}.result-character-content .conclusion li{font-size:24px;line-height:34px}.result-character-content .conclusion li:not(:last-child){margin:0 0 32px}.result-figure{padding:60px 90px 140px}.result-figure h2{text-align:center}.result-figure-list{-moz-column-gap:36px;column-gap:36px;display:flex;flex-wrap:wrap;justify-content:center}.result-figure-list>div{margin:50px 0 0;text-align:center;width:calc(33.33333% - 24px)}.result-figure-list>div img{display:block;height:auto;margin:0 auto;width:60%}.result-figure-list>div h3{line-height:100%;margin:16px 0 8px}.result-figure-list>div p{color:#339ccf}.result-conclusion{border-radius:0 0 10px 10px;display:grid;gap:56px;grid-template-columns:1fr 2fr;padding:60px 50px 80px}.result-conclusion h1,.result-conclusion h4{color:#fff}.result-conclusion .button-secondary{margin:30px 0;max-width:none}.result-conclusion-social{align-items:center;display:flex;gap:20px}.result-conclusion-social a svg{color:#fff;height:40px;width:40px}@media screen and (max-width:992px){.pertanyaan-card{gap:32px;grid-template-columns:1fr}.pertanyaan-card h3,.pertanyaan-description{text-align:center}.result-recap{padding:30px 50px 40px}.result-recap>h2{font-size:40px;line-height:100%}.result-recap h1{font-size:100px;line-height:100%}.result-recap-image{margin:-60px auto 0;width:80%}.result-recap .quote-box{margin:-20px 0 0}.result-recap-detail{padding:20px 20px 35px}.result-recap-detail-content{gap:30px;grid-template-columns:1fr}.result-recap-detail-content .result-percentage{grid-template-columns:3fr 8fr 1fr}.result-recap-detail-content .result-percentage:not(:last-child){margin:0 0 20px}.result-meaning{padding:30px 40px 40px}.result-meaning p{margin:16px 0 0}.result-character{padding:40px 40px 30px}.result-character-content{gap:30px;grid-template-columns:1fr;margin:30px 0 0}.result-character-content .conclusion{padding:20px 30px 30px}.result-character-content .conclusion ol{margin:16px 0 0}.result-character-content .conclusion li:not(:last-child){margin:0 0 16px}.result-figure{padding:30px 40px 60px}.result-figure-list>div{margin:40px 0 0;width:calc(50% - 18px)}.result-conclusion{gap:30px;grid-template-columns:1fr;padding:30px 40px 40px}.result-conclusion>img{display:block;margin:0 auto}.result-conclusion h1{text-align:center}.result-conclusion-social{gap:16px}.result-conclusion-social a svg{height:32px;width:32px}}@media screen and (max-width:767px){.panduan-card{padding:44px 22px 22px}.panduan-card h2{margin:0 0 24px}.panduan-card h5{margin:0 0 32px}.panduan-card a{margin:24px 0}.panduan-counter{gap:8px}.pertanyaan{bottom:0;position:relative;top:0;transform:translate(0)}.pertanyaan .container{padding:0}.pertanyaan-card{border-radius:0;gap:24px;padding:24px 16px 32px}.pertanyaan-card h3{margin:0 0 16px}.pertanyaan-card .progress-bar{margin:8px 0 16px}.pertanyaan-description,.pertanyaan-description span{font-size:16px;line-height:18px}.pertanyaan-option{gap:8px;grid-template-columns:24px auto;margin:0 0 16px}.pertanyaan-navigation{flex-direction:column-reverse;gap:16px}.pertanyaan-navigation .button-primary{width:100%}.pengumpulan-card{padding:40px 16px 16px}.pengumpulan-card p{font-size:18px;margin:12px 0 32px}.pengumpulan-card a{margin:8px auto 0;max-width:none}.loading-image{margin:0 auto 24px}.loading .text-description{font-size:18px;margin:0 auto;width:80%}.loading .progress-bar{margin:24px auto 0;max-width:240px}.report-card-top{padding:33px 20px 46px}.report-card-bottom{padding:20px 16px 16px}.report-card-bottom .google-login-button{padding:8px}.report-card-bottom .google-login-button img{left:0;position:relative;top:0;transform:translateY(0)}.report-title{gap:8px;grid-template-columns:20px 1fr}.report-title img{margin:4px 0 0}.report-title h3{font-size:32px;line-height:30px}.report-check{gap:16px;grid-template-columns:16px 1fr}.report-check img{margin:2px 0 0}.report-check h5,.report-check p{line-height:20px}.report-check:not(:last-child){margin:0 0 32px}.google-login-card{grid-template-columns:1fr}.google-login-card img{width:70px}.google-login-card h3{font-size:24px;margin:8px 0}.google-login-card .next{border-radius:4px}.google-login-card .form-description{margin:24px 0}.google-login-input{margin:24px 0 0}.result{padding:16px 0 24px}.result-recap{padding:0}.result-recap>h2{font-size:18px;line-height:16px;padding:30px 16px 0}.result-recap h1{font-size:40px;line-height:100%;padding:0 16px}.result-recap-image{margin:-20px auto 0;width:60%}.result-recap .quote-box{margin:-10px 16px 0}.result-recap .button-secondary{margin:10px 16px 16px}.result-recap-detail{border-radius:0;padding:30px 16px}.result-recap-detail-content{display:block;margin:16px 0 0;position:relative}.result-recap-detail-content .result-avatar{padding:10px 10px 10px 80px}.result-recap-detail-content .result-avatar h2,.result-recap-detail-content .result-avatar p{line-height:100%}.result-recap-detail-content .result-avatar h2{font-size:28px}.result-recap-detail-content .result-avatar p{font-size:12px}.result-recap-detail-content .result-avatar-image{bottom:-5px;height:auto;left:0;top:-5px;width:70px}.result-recap-detail-content .result-avatar .button-primary{font-size:18px;min-width:70px}.result-recap-detail-content .result-avatar:not(:last-child){margin:0 0 10px}.result-recap-detail-content .result-percentage{gap:10px;grid-template-columns:2fr 4fr 1fr}.result-recap-detail-content .result-percentage .progress-bar{height:10px}.result-recap-detail-content .result-percentage:first-child{margin-top:32px}.result-meaning{padding:32px 16px}.result-meaning h2{font-size:24px}.result-meaning p{font-size:16px;margin:12px 0 0}.result-character{padding:32px 16px}.result-character h2{font-size:24px}.result-character-content{gap:24px;grid-template-columns:1fr;margin:30px 0 0}.result-character-content .conclusion{border-radius:25px;padding:20px 20px 100px}.result-character-content .conclusion h4{font-size:18px}.result-character-content .conclusion ol{margin:10px 0 0;padding-left:16px}.result-character-content .conclusion li{font-size:14px;line-height:20px}.result-character-content .conclusion li:not(:last-child){margin:0 0 16px}.result-character-content .conclusion-image{margin-top:-100px;width:70%}.result-figure{padding:24px 16px 30px}.result-figure h2{font-size:24px;text-align:start}.result-figure-list{gap:16px;margin:24px 0 0}.result-figure-list>div{align-items:center;display:grid;gap:16px;grid-template-columns:72px 1fr;margin:0;width:100%}.result-figure-list>div img{width:100%}.result-figure-list>div h3,.result-figure-list>div p{text-align:start}.result-figure-list>div h3{font-size:18px;line-height:100%;margin:0 0 8px}.result-conclusion{gap:0;padding:16px}.result-conclusion>img{width:60%}.result-conclusion h1{font-size:24px;margin:0 0 20px}.result-conclusion h4{font-size:16px}.result-conclusion .button-secondary{margin:0 0 10px}.result-conclusion .button-secondary:nth-of-type(2){margin:0 0 24px}.result-conclusion-social a svg{height:20px;width:20px}}