:root{font-family:Volte-Regular,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;--color-light: #fffcee;--color-text: #fffcee;--color-text-grey: #bdbdbd;--color-text-dark: #6b7280;--color-text-extradark: #303030;--color-primary: #f6911b;--color-dark: #384c67;--color-secondary: #cbcbcb30;--gradient-primary: linear-gradient(to bottom, var(--color-dark), #122135);--gradient-secondary: linear-gradient(to left, var(--color-dark), #122135);--gradient-semitransparent: radial-gradient(circle, #eff0f330, #384c6750)}*:focus{outline:none}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{all:unset}body{margin:0;padding:0;display:flex;overflow-x:hidden;min-height:100vh;background:var(--gradient-primary);color:var(--color-text)}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}@font-face{font-family:Volte-Regular;src:url(/assets/fonts/Volte-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Volte-Medium;src:url(/assets/fonts/Volte-Medium.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Volte-SemiBold;src:url(/assets/fonts/Volte-SemiBold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Volte-Bold;src:url(/assets/fonts/Volte-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Volte-RegularItalic;src:url(/assets/fonts/Volte-RegularItalic.ttf) format("truetype");font-style:italic}.page_home{box-sizing:border-box;width:100vw;width:100lvw;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-family:Volte-Regular,sans-serif;overflow:hidden}.page_home .title{text-align:center;font-size:2rem;font-family:Volte-Medium,sans-serif}.page_home .title.small{font-size:1.5rem}.page_home .title span{font-weight:700;color:var(--color-primary)}.page_home .title span{color:var(--color-primary)}.page_home .subtitle{text-align:center;color:var(--color-text-grey)}.page_home .subtitle span{font-family:Volte-SemiBold,sans-serif;color:var(--color-primary)}.page_home .section{z-index:10;width:100%;max-width:600px;padding:18px;box-sizing:border-box;margin-bottom:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;overflow:hidden}.page_home .section .visual{position:relative;width:100%;max-width:400px;aspect-ratio:1/.8;align-items:center;justify-content:center;display:flex}.page_home .section .visual .visual_backdrop{position:relative;overflow:hidden;width:64%;aspect-ratio:1;position:absolute;background:var(--color-primary);border:22px solid var(--color-light);box-sizing:border-box;border-radius:100vh}.page_home .section .visual .visual_backdrop_bottom{position:absolute;bottom:8px;width:44%;height:30px;border-radius:100%;background:var(--color-light)}.page_home .section .visual .visual_backdrop_2{position:relative;overflow:hidden;width:92%;aspect-ratio:1;position:absolute;background-color:#dedede;border-radius:44px}.page_home .section .visual .visual_backdrop .shine{position:absolute;top:0;left:-25%;width:25%;height:200%;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent);animation:shine_move 2s linear infinite}.page_home .section .visual .visual_backdrop_2 .shine{position:absolute;top:0;left:-25%;width:25%;height:200%;background:linear-gradient(to right,transparent,rgba(255,255,255,1),transparent);animation:shine_move 2s linear infinite}@keyframes shine_move{0%{transform:translateY(-20%) translate(0) rotate(-20deg);filter:opacity(0)}50%{transform:translateY(-20%) translate(300%) rotate(-20deg);filter:opacity(1)}to{transform:translateY(-20%) translate(600%) rotate(-20deg);filter:opacity(0)}}.page_home .section .visual img{width:70%;position:absolute;animation:visual_img_scale_bounce 3s ease-in-out infinite}.page_home .section .visual_2{aspect-ratio:1/.92;align-items:end;border-radius:44px}.page_home .section .visual_2 img{width:100%;position:absolute;right:0%;animation:unset}@keyframes visual_img_scale_bounce{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.page_home .section .visual_2 .bubble_text{position:absolute;top:10%;right:6%;width:34%;height:70%;display:flex;align-items:center;justify-content:center;font-size:1.7rem;animation:buzzDialogue 4s ease-in-out infinite}@keyframes buzzDialogue{0%{filter:opacity(0%)}20%{filter:opacity(100%)}80%{filter:opacity(100%)}to{filter:opacity(0%)}}.page_home .section .btn_start_container{width:100%;max-width:400px;display:flex;align-items:center;justify-content:center}.page_home .start_animation{z-index:4001;position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(50%);height:10px;aspect-ratio:1;align-items:center;justify-content:center;display:flex;background:var(--color-primary);border-radius:100vh;opacity:0}.page_home .start_animation_active{animation:start_animation .85s linear forwards;opacity:1}@keyframes start_animation{0%{height:10px;opacity:0}20%{opacity:1}90%{border-radius:100vh}to{height:400vh;border-radius:0vh}}.page_home .section .reasons_container{width:100%;max-width:600px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:12px}.page_home .section_4{padding:18px 0;position:relative}.page_home .testimonies_container{width:100%;padding:0 12px;box-sizing:border-box;align-items:center;justify-content:start;display:flex;gap:12px;overflow-x:scroll;scroll-snap-type:x mandatory}.page_home .slide_indicator_container{position:absolute;width:100%;height:10px;align-items:center;justify-content:center;display:flex;gap:6px;bottom:20px}.page_home .slide_indicator_container .bullet{height:100%;aspect-ratio:1;border-radius:100vh;background:var(--color-light);opacity:.3;transition:.15s;transform:scale(.7)}.page_home .slide_indicator_container .bullet.active{transform:scale(1);opacity:1}.page_home .section_testee_list{margin:48px 0}.page_home .previous_testee_list_container{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.page_home .previous_testee_list{position:relative;transform:translate(40px);display:flex;align-items:center;justify-content:center}.page_home .previous_testee_item{width:56px;aspect-ratio:1;background:var(--color-light);border-radius:100vh;align-items:center;justify-content:center;display:flex;box-sizing:border-box}.page_home .previous_testee_item img{width:86%;aspect-ratio:1;object-fit:cover;border-radius:100vh}.page_home .crayontext{position:relative;width:100%;max-width:400px;display:flex;align-items:center;justify-content:center}.page_home .crayon{position:absolute;height:100%;transform:scale(1.15) translateY(5%);object-fit:cover;z-index:-1}.page_home .crayon.crayon_2{height:120%;width:100%;transform:rotate(-1.5deg)}.page_home .crayon.crayon_4{left:0;top:0;width:140px;transform:scale(1.15) translateY(15%);height:unset;object-fit:contain}.primary-button{all:unset;width:100%;font-family:Volte-SemiBold,sans-serif;font-weight:700;padding:18px;font-size:18px;box-sizing:border-box;text-align:center;color:#fff;border-radius:100vh;background:var(--color-primary);box-shadow:0 0;transition:all .15s background 0s;display:flex;align-items:center;justify-content:center;gap:12px}.primary-button.small{width:unset;font-size:16px;padding:12px 24px;background:var(--color-primary)}.primary-button:hover{filter:brightness(120%);transform:scale(1.02)}.primary-button.disabled{background:#6d7480;color:#aaa;transform:scale(1)}.primary-button.disabled:hover{filter:unset;transform:unset}.primary-button>img{width:24px;height:24px;filter:invert(1)}.reason_item{background:var(--color-light);align-items:center;justify-content:start;display:flex;flex-direction:column;gap:6px;border-radius:22px 44px;border-bottom:1px solid #ccc;text-align:center;padding:12px 0}.reason_item h3{padding:12px;font-size:1rem;color:var(--color-dark);font-family:Volte-Bold,sans-serif}.reason_item img{margin-top:12px;width:60%;aspect-ratio:1;object-fit:contain;object-position:bottom;border-radius:100vh;border:4px solid var(--color-primary);background-color:#fff}.bg_pattern{z-index:0;position:fixed;top:29%;width:100vw;width:100lvw;filter:blur(1px) opacity(.8)}.socmed_container{justify-content:center;align-items:center;display:flex;background:var(--color-light);width:36px;aspect-ratio:1;border-radius:100vh}.socmed_container img{width:53%;aspect-ratio:1;object-fit:contain}.footer{width:100lvw;align-items:center;justify-content:center;display:flex;flex-direction:column;text-align:center;gap:18px;padding:20px 0;color:var(--color-text-grey)}.footer .line{width:70%;height:2px;background:var(--gradient-semitransparent)}.footer a{color:var(--color-light)}.footer .socmedlist{align-items:center;justify-content:center;display:flex;gap:18px}.nav_layouter{width:100vw;width:100lvw;height:60px}.nav{z-index:1500;position:fixed;width:100vw;width:100lvw;height:60px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--gradient-semitransparent);box-shadow:0 0 #0000;align-items:center;padding:0 18px;box-sizing:border-box;justify-content:space-between;display:flex;flex-direction:row;transition:.15s}.nav .left{align-items:center;justify-content:start;display:flex;gap:12px}.nav h2{color:var(--color-light);filter:drop-shadow(0px 0px 3px rgba(0,0,0,.3)) drop-shadow(0px 0px 9px rgba(0,0,0,.2));font-family:Volte-Medium,sans-serif}.nav.withBoxShadow{box-shadow:0 0 10px #00000026}.nav img{height:28px;margin-bottom:4px;filter:drop-shadow(0px 0px 3px rgba(0,0,0,.3)) drop-shadow(0px 0px 9px rgba(0,0,0,.2))}.nav_menu{z-index:2000;position:fixed;padding:18px;box-sizing:border-box;width:100vw;width:100lvw;height:100vh;height:100dvh;top:0;right:0;background:var(--gradient-primary);box-shadow:0 0 10px #0000001a;pointer-events:all;transition:.3s}.nav_menu .nav_content{position:relative;width:100%;height:100%;align-items:start;justify-content:start;display:flex;flex-direction:column;gap:24px}.nav_menu .closebtn_container{width:100%;justify-content:space-between;display:flex}.nav_menu .navbutton_list{width:100%;display:flex;flex-direction:column;gap:12px;margin-top:12px}.nav_menu .navbutton_list .navbutton{width:100%;padding:12px 24px;border:1px solid var(--color-text-dark);box-sizing:border-box;border-radius:18px;color:var(--color-text);font-weight:500;text-align:left;cursor:pointer;transition:.3s;font-size:1.15rem}.btn_cleardata{position:absolute;bottom:0;left:0;width:100%;padding:12px;box-sizing:border-box;border:1px solid var(--color-text-dark);border-radius:18px;color:var(--color-text);font-weight:500;text-align:left;cursor:pointer;transition:.3s;font-size:1.15rem;align-items:center;justify-content:center;display:flex;filter:opacity(1)}.btn_cleardata.clean{filter:opacity(0)}.btn_cleardata img{width:24px;height:24px;margin-right:12px}.loading_container_bg{z-index:4000;position:fixed;top:0;left:0;width:100vw;width:100lvw;height:100vh;height:100dvh;align-items:center;justify-content:center;opacity:0;display:flex;background:var(--gradient-primary);animation:1.6s loading_container_bg forwards}@keyframes loading_container_bg{0%{opacity:1}66%{opacity:1}99%{pointer-events:all}to{pointer-events:none;opacity:0}}.loading_container_bg .loading_init_transition{position:absolute;z-index:5000;top:0;left:0;width:100%;height:100%;background:var(--color-primary);opacity:1;animation:.4s loading_init_transition forwards}@keyframes loading_init_transition{to{opacity:0}}.loading_container{width:60px!important;height:60px!important;justify-content:space-between;align-items:center;display:flex;height:100vh}.loading_container .loading_bullet{width:15%;aspect-ratio:1;border-radius:100vh;background:var(--color-primary);animation:1s loading_bullet_scalebounce infinite ease-in-out;opacity:.5}@keyframes loading_bullet_scalebounce{0%{transform:scale(1);opacity:.5}33%{transform:scale(1.8);opacity:1}66%{transform:scale(1);opacity:.5}to{transform:scale(1);opacity:.5}}.testimony{position:relative;width:calc(100% - 54px);min-height:100px;padding:24px;box-sizing:border-box;background:var(--color-light);color:var(--color-text-dark);border-radius:40px;box-shadow:0 12px 30px #00000026;align-items:center;justify-self:center;display:flex;flex-direction:column;text-align:center;gap:20px;flex-shrink:0;margin-top:12px;margin-bottom:42px;scroll-snap-align:center}.testimony .img_container{position:relative;width:78%;aspect-ratio:1/1.1;align-items:end;justify-self:center;display:grid}.testimony .img_backdrop{width:100%;aspect-ratio:1;grid-area:1 / 1;background:linear-gradient(45deg,silver,#fff);border-radius:1000vh}.testimony img{width:100%;aspect-ratio:1/1.1;object-fit:contain;object-position:bottom;border-radius:0px 0px 1000vh 1000vh;grid-area:1 / 1}.testimony>svg{position:absolute;top:18px;right:18px;opacity:.5}.testimony .testimony_img_outline{flex-shrink:0;width:100%;grid-area:1 / 1;transform:scale(1.06)}.testimony span{color:var(--color-primary)}.testimony span.invite{color:var(--color-text-dark);font-family:Volte-Medium,sans-serif}.testimony .testimony_text{font-family:Volte-RegularItalic,sans-serif}.testimony .testimony_rate_card{position:absolute;top:-9px;left:-24px;padding:6px 12px;box-sizing:border-box;background:#fff;border-radius:12px;box-shadow:0 6px 34px #0003;align-items:center;justify-content:center;display:flex;flex-direction:column}.testimony h2{font-size:1.7rem;color:var(--color-dark)}.testimony .testimony_rate_card h3{font-size:18px}.testimony .testimony_rate_card p{font-size:11px}.testimony .testimony_rate_card span{color:#2e9a2a}.testimony .testimony_star_container{width:36%;padding:4px;aspect-ratio:1;border-radius:100vh;background:#f2c94c;margin-bottom:4px;align-items:center;justify-content:center;display:flex}.testimony .testimony_star_container svg{width:70%;height:70%}.pagetransition{z-index:4000;position:fixed;min-width:100vw;min-width:100lvw;height:100vh;height:100lvh;top:0;left:calc(-1*(12px + 30vw));left:calc(-1*(12px + 30lvw));background:var(--color-primary);pointer-events:all;display:flex;justify-content:start;align-items:start;padding:0 12px;pointer-events:none;opacity:0}.pagetransition.closing{animation:.4s closing forwards linear}@keyframes closing{0%{opacity:0;transform:translate(calc(130vw + 12px));transform:translate(calc(130lvw + 12px))}20%{opacity:1}to{transform:translate(0);opacity:1}}.pagetransition.opening{opacity:1;animation:.4s opening forwards linear}@keyframes opening{0%{opacity:1;transform:translate(0)}80%{opacity:0}to{transform:translate(calc(-1*(130vw + 12px)));transform:translate(calc(-1*(130lvw + 12px)));opacity:0}}.pagetransition>div{flex-shrink:0}.pagetransition .pagetransition_whitechild1{width:16vw;width:16lvw;height:100%;background:#fff}.pagetransition .pagetransition_whitechild2{width:6vw;width:6lvw;height:100%;background:#fff6}.pagetransition .mini_gap{width:8vw;width:8lvw}.pagetransition .long_gap{width:100vw;width:100lvw}@keyframes buffering{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pagetransition .circular_progress_container{width:100vw;width:100lvw;height:100vh;height:100lvh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:18px;color:#fff;padding:12px;box-sizing:border-box;text-align:center}.pagetransition .circular_progress_container img{width:39px;aspect-ratio:1;transform:rotate(0)}.pagetransition .circular_progress_container img.spin{animation:buffering 2s linear infinite}.question-item{grid-area:1 / 1;width:100%;height:100%;align-items:center;justify-content:center;display:flex;flex-direction:column;gap:32px;color:var(--color-text);pointer-events:none;display:none}.question-item.active{pointer-events:all;display:flex;animation:.35s question_init_active forwards}@keyframes question_init_active{0%{opacity:0}to{opacity:1}}.question-item.chosen{animation:.3s question_chosen forwards;animation-delay:.3s}@keyframes question_chosen{0%{opacity:1}to{opacity:0}}.question-item .question-item__question_container{width:100%}.question-item .question-item__question_container.urgent{animation:1s question_urgent ease-in-out infinite}@keyframes question_urgent{0%{filter:opacity(1)}35%{filter:opacity(.4)}70%{filter:opacity(1)}to{filter:opacity(1)}}.question-item .question-item__question{width:100%;padding:18px;background:var(--color-dark);border-radius:24px;vertical-align:middle;align-items:flex-start;justify-content:center;display:flex;flex-direction:column;box-sizing:border-box;box-shadow:0 0 20px #0003}.question-item.active .question-item__question{animation:.3s question_item__question_init_active forwards}@keyframes question_item__question_init_active{0%{transform:translate(20%)}to{transform:translate(0)}}.question-item.chosen .question-item__question{animation:1.1s question_item__question_chosen forwards}@keyframes question_item__question_chosen{0%{transform:translate(0)}20%{transform:translate(12px)}to{transform:translate(-120%)}}.question-item .question-item__question .upper{width:100%;align-items:center;justify-content:space-between;display:flex}.question-item .question-item__question .upper .timer{width:38px;aspect-ratio:1;border-radius:100vh;font-family:Volte-Bold,sans-serif;color:var(--color-light);align-items:center;justify-content:center;display:flex;transition:.15s;font-size:14px}.question-item .question-item__question .upper .timer_scalebounce.active{animation:1s warningTimeRemaining infinite}@keyframes warningTimeRemaining{0%{transform:scale(1);filter:brightness(100%)}50%{transform:scale(1.25);filter:brightness(110%)}to{transform:scale(1);filter:brightness(100%)}}.question-item .question-item__question .upper .timer .timer_child{width:77%;aspect-ratio:1;background:var(--gradient-primary);border-radius:100vh;align-items:center;justify-content:center;display:flex}.question-item .question-item__question h4{font-family:Volte-Bold,sans-serif;font-size:1.4rem;margin:6px 0}.question-item .question-item__question p{color:#b9b9b9;font-size:11px}.question-item .question-item__options{width:100%;align-items:center;justify-content:center;display:flex;flex-direction:column;gap:12px}.question-item .question-item__options.answer-with-image{flex-direction:row;flex-wrap:wrap;gap:12px}.question-item .question-item__option{width:100%;padding:18px;box-sizing:border-box;background:var(--color-secondary);border-radius:24px;vertical-align:middle;align-items:center;justify-content:space-between;display:flex;gap:24px;box-shadow:0 0 10px #0003;transition:.3s all;opacity:0}.question-item .question-item__option.answer-with-image{filter:brightness(100%) saturate(100%);transform:scale(1);padding:unset;overflow:hidden;width:calc(50% - 6px);aspect-ratio:1;transition:.3s all}.question-item .question-item__option.answer-with-image.chosen{filter:brightness(110%) saturate(130%);transform:scale(1.05)!important}.question-item .question-item__option.answer-with-image img{width:100%;height:100%;object-fit:cover}.question-item.active .question-item__option{animation:.3s option_init_active forwards}@keyframes option_init_active{0%{opacity:0;transform:translate(20%)}to{opacity:1;transform:translate(0)}}.question-item .question-item__option .radiocircle{width:20px;flex-shrink:0;aspect-ratio:1;border:2px solid var(--color-text-dark);box-sizing:border-box;border-radius:100vh;align-items:center;justify-content:center;display:flex}.question-item .question-item__option .radiocircle .radiocircle_child{width:100%;aspect-ratio:1;border-radius:100vh;background:#fff;filter:opacity(0)}.question-item .question-item__option.chosen{background:var(--color-primary);color:#fff}.question-item .question-item__option.unchosen{opacity:.5!important}.question-item .question-item__option.chosen .radiocircle{border:2px solid white}.question-item .question-item__option.chosen .radiocircle .radiocircle_child{filter:opacity(1)}.page_aptitudetest{box-sizing:border-box;width:100vw;width:100lvw;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-family:Volte-Regular,sans-serif;overflow:hidden}.page_aptitudetest .question_container{z-index:10;width:100%;padding:24px 18px;box-sizing:border-box;display:grid}.test_init_anim{z-index:4001;position:fixed;top:0;left:0;width:100vw;width:100lvw;height:100vh;height:100lvh;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;animation:init 3s ease-in-out forwards;align-items:center;justify-content:center;display:flex;flex-direction:column;gap:48px}@keyframes init{0%{opacity:0}10%{opacity:1}90%{opacity:1;pointer-events:all}to{opacity:0;pointer-events:none}}.test_init_anim h3{font-size:2rem;color:#fff;font-family:Volte-Bold,sans-serif;font-weight:700;filter:drop-shadow(0 0 18px #ffffffbb);text-align:center;animation:text_anim 2s ease-in-out forwards;animation-delay:.5s;opacity:0}@keyframes text_anim{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.test_init_anim img{width:50vw;width:50lvw;min-width:200px;max-width:480px;filter:drop-shadow(0 0 24px #ff797560);animation:img_anim 3.5s ease-in-out forwards;animation-delay:-.2s}@keyframes img_anim{0%{transform:translate(calc(-100vw - 480px));transform:translate(calc(-100lvw - 480px))}35%{transform:translate(10px)}65%{transform:translate(-25px)}to{transform:translate(calc(100vw + 480px));transform:translate(calc(100lvw + 480px))}}.test_progressbar_container{width:100%;height:40px;padding:0 18px;box-sizing:border-box;margin-top:16px;margin-bottom:12px;justify-content:center;align-items:end;display:grid}.test_progressbar{position:relative;grid-area:1 / 1;width:calc(80vw - 36px);width:calc(80lvw - 36px);height:10px;border-radius:100vh;background:#d3d3d3;justify-content:start;align-items:start;display:flex}.test_progressbar_current{background:var(--color-primary);height:100%;border-radius:100vh;transition:1s}.test_progressbar_character{position:relative;width:2px;height:100%;justify-content:center;align-items:center;display:flex;transform:translateY(-8px)}.test_progressbar_character .rocketman_scale{z-index:700;position:absolute;width:0px;height:0px;align-items:center;justify-content:center;display:flex}.test_progressbar_character.firing .rocketman_scale{animation:rocketman_scale_firing 1.5s ease-in-out forwards}@keyframes rocketman_scale_firing{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.test_progressbar_character .rocketman{width:40px;animation:test_progressbar_character 6s infinite}@keyframes test_progressbar_character{0%{transform:rotate(10deg) scale(1)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg) scale(1.15)}75%{transform:rotate(-10deg)}to{transform:rotate(10deg) scale(1)}}.test_progressbar_character .fire_container{width:0px;height:0px;position:absolute;z-index:600;bottom:-4px;align-items:center;justify-content:end;display:flex;transform:scaleX(0) scaleY(0)}.test_progressbar_character.firing .fire_container{animation:fire_anim 1.5s ease-in-out forwards}@keyframes fire_anim{0%{transform:scaleX(0) scaleY(0)}25%{transform:scaleX(1.85) scaleY(1.5)}50%{transform:scaleX(1.1) scaleY(1)}75%{transform:scaleX(1.85) scaleY(1.5)}to{transform:scaleX(0) scaleY(0)}}.test_progressbar_character .fire_container img{width:40px;position:absolute;right:0;filter:brightness(120%) drop-shadow(0px 0px 10px rgb(177,150,0))}.test_progressbar_container .shine_container{z-index:400;position:absolute;width:100%;height:100%;grid-area:1 / 1;width:calc(80vw - 36px);width:calc(80lvw - 36px);height:8px;border-radius:100vh;overflow:hidden}.test_progressbar_container .shine_container .shine{width:100%;height:20px;width:35%;height:200%;background:linear-gradient(to right,transparent,rgba(255,255,255,.6),transparent);animation:shine_animation 3s infinite linear}@keyframes shine_animation{0%{transform:translate(-100vw);transform:translate(-100lvw)}50%{transform:translate(100vw);transform:translate(100lvw)}to{transform:translate(100vw);transform:translate(100lvw)}}.test_progressbar_container .test_progressbar_bullets{position:absolute;width:100%;height:100%;align-items:center;justify-content:space-between;display:flex;padding:0 4px;box-sizing:border-box}.test_progressbar_container .test_progressbar_bullets .test_progressbar_bullet{height:50%;aspect-ratio:1;border-radius:100vh;background:var(--color-dark)}.test_progressbar_container .test_progressbar_bullets .test_progressbar_bullet.active{background:#fff}.bubbletext-container{position:absolute;top:-6px}.bubbletext-container.left{left:-22px}.bubbletext-container.right{left:22px}.bubbletext{position:relative;display:flex;align-items:end;justify-content:start;transform:scale(0)}.bubbletext-container.left .bubbletext{justify-content:end}.bubbletext-container.right .bubbletext{justify-content:start}.bubbletext.appearing{animation:bubbletext_anim 4s ease-in-out forwards}@keyframes bubbletext_anim{0%{transform:scale(0)}13%{transform:scale(1.05)}20%{transform:scale(1)}80%{transform:scale(1)}87%{transform:scale(1.05)}to{transform:scale(0)}}.bubbletext-content{position:absolute;min-width:35svw;background-color:var(--color-primary);color:#fff;padding:6px;font-size:12px;display:flex;align-items:center;justify-content:center}.bubbletext-container.right .bubbletext .bubbletext-content{border-radius:100vh 100vh 100vh 0}.bubbletext-container.left .bubbletext .bubbletext-content{border-radius:100vh 100vh 0}.test_finished_container{z-index:4002;position:fixed;top:0;left:0;width:100vw;width:100lvw;height:100vh;height:100dvh;align-items:flex-start;justify-content:center;display:flex;background-color:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:.3s;pointer-events:none;padding:32px;box-sizing:border-box}.test_finished_container.finished{opacity:1;pointer-events:all}.test_finished_container.filling_personaldata{background-color:var(--gradient-primary);filter:blur(0px);animation:test_finished_container .5s ease-out forwards;animation-delay:.8s}@keyframes test_finished_container{0%{padding:32px}to{padding:48px}}.test_finished_container .popup_element{z-index:100;width:100%;max-width:500px;min-width:200px;min-height:440px;box-sizing:border-box;background:var(--color-light);border-radius:40px;overflow-y:visible;display:grid;box-shadow:0 12px 30px #00000026;transition:.3s;margin-top:7vh;margin-top:7dvh}.test_finished_container.filling_personaldata .popup_element{animation:fill_form_popup_change_dimension .5s ease-out forwards;box-shadow:0 12px 30px #3610a680;animation-delay:.8s;margin-top:7vh;margin-top:7dvh}@keyframes fill_form_popup_change_dimension{0%{min-height:440px;margin-top:7vh;margin-top:7dvh}to{min-height:250px;margin-top:0vh;margin-top:0dvh}}.test_finished_container .popup_element>div{width:100%;box-sizing:border-box;grid-area:1 / 1}.test_finished{padding:24px;align-items:center;justify-content:center;display:flex;flex-direction:column;text-align:center;gap:24px;overflow:hidden}.test_finished_container.filling_personaldata .test_finished{animation-delay:.8s;animation:test_finished .8s linear forwards}@keyframes test_finished{0%{display:flex}to{display:none}}.test_finished_container.filling_personaldata .test_finished>*{animation:slide_step .5s ease-in-out forwards}@keyframes slide_step{0%{transform:translate(0);filter:opacity(1);pointer-events:all}to{transform:translate(-300px);filter:opacity(0);pointer-events:none}}.test_finished_container .popup_element .form_personaldata{opacity:0;pointer-events:none}.test_finished_container.filling_personaldata .form_personaldata{animation:form_personaldata_init .5s ease-in-out forwards;animation-delay:.8s}@keyframes form_personaldata_init{0%{opacity:0;pointer-events:none}to{opacity:1;pointer-events:all}}.test_finished_container .popup_element .test_finished img{width:150px;animation:test_finished_img_anim 2s ease-in-out infinite}@keyframes test_finished_img_anim{0%{transform:rotate(6deg)}50%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}.test_finished_container .popup_element .test_finished h1{color:var(--color-primary);font-family:Volte-Bold,sans-serif}.test_finished_container .popup_element .test_finished p{color:var(--color-text-dark);font-family:Volte-SemiBold,sans-serif}.test_finished_container .popup_element .test_finished p span{color:var(--color-dark);font-family:Volte-Bold,sans-serif}.form_personaldata{width:100%;align-items:center;justify-content:center;display:flex;text-align:center}.form_personaldata>*{opacity:0}.form_personaldata.appearing>*{opacity:1}.form_personaldata .inputs{width:100%;height:100%;display:grid}.form_personaldata .inputs img{width:50%;max-width:130px;filter:drop-shadow(0px 0px 8px #3610a690) drop-shadow(0px 0px 24px #3610a620);animation:question_anim 2s ease-in-out infinite}@keyframes question_anim{0%{transform:rotate(8deg)}50%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.form_personaldata .single_input{grid-area:1 / 1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;text-align:center;padding:24px;box-sizing:border-box;opacity:0;transition:.25s;transform:translate(50px);pointer-events:none}.form_personaldata .single_input.active{opacity:1;transform:translate(0);pointer-events:all}.form_personaldata .single_input.closing{opacity:0;transform:translate(-50px);pointer-events:none}.form_personaldata .single_input .label{font-family:Volte-Bold,sans-serif;font-size:1.5rem;color:var(--color-text-dark)}.form_personaldata .single_input .label span{color:var(--color-primary)}.form_personaldata .single_input .label.first{opacity:0}.form_personaldata.appearing .single_input .label.first{animation:firstlabel_appear .5s ease-in-out forwards;animation-delay:1.3s}@keyframes firstlabel_appear{0%{opacity:0}to{opacity:1}}.form_personaldata .single_input input{width:80%;text-align:center;background:unset;border:unset;border-bottom:3px dashed lightgrey;color:var(--color-text-extradark);font-size:1.5rem;padding:9px 0;margin:12px 0}.form_personaldata .btn_step_container{width:0px;height:0px;position:relative;align-items:center;justify-content:center;display:flex}.form_personaldata .btn_step{z-index:300;position:absolute;top:12px;flex-shrink:0;width:60px;height:60px;background:var(--color-primary);border-radius:44%;align-items:center;justify-content:center;display:flex;box-shadow:0 0 12px #ac5050b3;transition:.15s;transform:scale(1);pointer-events:all}.form_personaldata .btn_step.btn_step_prev{background:var(--gradient-primary)}.form_personaldata .btn_step>div{align-items:center;justify-content:center;display:flex}.form_personaldata .btn_step.disabled{background:#9c9c9c;box-shadow:0 12px 18px #0003}.form_personaldata .btn_step.disappear{transform:scale(0)}.form_personaldata .gender_container{display:flex;align-items:center;justify-content:center;gap:12px;width:calc(100% - 36px)}.form_personaldata .gender_container button.gender{flex:1;background:#fff;border-radius:24px;box-shadow:0 4px 24px #0003;height:100px;align-items:center;justify-content:center;display:flex;border:1px solid var(--color-text-dark);box-sizing:border-box;flex-direction:column;color:var(--color-text-dark);font-family:Volte-SemiBold,sans-serif;transition:.15s}.form_personaldata .gender_container button.gender.chosen{background:var(--color-dark);color:#fff}.form_personaldata .gender_container button.gender img{width:60%}.autocomplete-container{position:relative;width:80%}.autocomplete-container input{width:100%!important}.school-dropdown{position:absolute;bottom:100%;left:0;right:0;max-height:200px;overflow-y:auto;background-color:var(--color-light);border:1px solid var(--color-text-dark);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;margin-bottom:5px;text-align:left}.school-option{padding:10px 15px;cursor:pointer;border-bottom:1px solid var(--color-text-grey);display:flex;flex-direction:column}.school-option:hover{background-color:#f8f8f8}.school-option:last-child{border-bottom:none}.school-name{font-weight:700;color:var(--color-dark);font-family:Volte-SemiBold,sans-serif}.school-location{font-size:.8rem;color:var(--color-text-dark);font-family:Volte-Medium,sans-serif;margin-top:3px}.page_personalitytest{box-sizing:border-box;width:100vw;width:100lvw;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-family:Volte-Regular,sans-serif;overflow:hidden}.page_personalitytest .question_container{z-index:10;width:100%;max-width:600px;padding:24px 18px;box-sizing:border-box;display:grid}.page_choose_test{box-sizing:border-box;width:100vw;width:100lvw;min-height:100vh;min-height:100svh;align-items:center;justify-content:center;display:flex;flex-direction:column;font-family:Volte-Regular,sans-serif;overflow:hidden;text-align:center}.page_choose_test .content{z-index:10;padding:24px;height:100vh;height:100svh;box-sizing:border-box;align-items:center;justify-content:space-evenly;display:flex;gap:24px;flex-direction:column}.page_choose_test .content span{color:var(--color-primary)}.page_choose_test .testoptions{align-items:center;justify-content:center;display:flex;gap:12px}.page_choose_test .testoptions .btn_testoption{padding:24px;text-align:center;border-radius:40px;box-sizing:border-box;color:var(--color-text-dark);font-family:Volte-Bold,sans-serif;background:var(--color-light);box-shadow:0 0 10px #0003;flex:1;align-self:stretch;align-items:center;justify-content:center;display:flex;flex-direction:column;gap:18px;font-size:1.1rem;transition:.15s}.page_choose_test .testoptions .btn_testoption_chosen{background:var(--color-primary);box-sizing:border-box;color:#fff;cursor:pointer;box-shadow:0 0 18px #c94848}.page_coach{box-sizing:border-box;width:100vw;width:100lvw;justify-content:flex-start;font-family:Volte-Regular,sans-serif;overflow:hidden;flex-direction:column;align-items:center;display:flex}.page_coach>.content{width:100%;min-height:100lvh;padding:18px;box-sizing:border-box;flex-direction:column;align-items:center;display:flex;gap:24px}.page_coach>.content>.upper{text-align:center}.page_coach>.content>.upper .title{text-align:center;font-size:1.5rem;font-family:Volte-Medium,sans-serif;margin-bottom:12px}.page_coach>.content>.upper p{color:var(--color-text);font-family:Volte-Medium,sans-serif}.page_coach span{color:var(--color-primary)}.page_coach .coach_container{width:100%;align-items:center;justify-content:center;display:flex;flex-direction:column;gap:18px}.coach{position:relative;width:100%;padding:24px;box-sizing:border-box;background:#fff;border-radius:40px;box-shadow:0 6px 34px #00000026;align-items:center;justify-content:center;display:flex;flex-direction:column;gap:12px}.coach .crayonText{position:absolute;top:0;right:0;transform:rotate(45deg) translateY(75%) translate(25%)}.coach .crayonText img{position:absolute;z-index:1;width:100%;transform:scale(1.55) translateY(15%)}.coach .crayonText h4{position:relative;z-index:1;white-space:nowrap;font-family:Volte-SemiBold,sans-serif;font-size:16px}.coach>.upper{width:100%;height:74px;align-items:center;justify-content:start;display:flex;gap:18px;margin-bottom:6px}.coach>.upper p{color:var(--color-text-dark);font-family:Volte-SemiBold,sans-serif;font-size:14px;margin:0;padding:0}.coach>.upper h4{font-size:18px;margin:0;padding:0;color:var(--color-text-extradark);font-family:Volte-SemiBold,sans-serif}.coach>.upper .coach_img{position:relative;width:70px;aspect-ratio:.87;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.coach>.upper .coach_img .coach_img_bg{position:absolute;bottom:0;width:100%;aspect-ratio:1;border-radius:100vh;box-sizing:border-box;background:linear-gradient(to bottom,#f8f8f8,#c3c7d0)}.coach>.upper .coach_img img{position:absolute;bottom:0;height:calc(100% / .87);width:100%;object-fit:cover;object-position:center;border-radius:0 0 70px 70px}.coach>.content{display:flex;flex-direction:column;gap:6px}.coach>.content p{background:#d9d9d945;padding:12px;border-radius:18px;box-sizing:border-box;color:var(--color-text-dark);font-family:Volte-Medium,sans-serif;font-size:15px}.coach>.under{width:100%;align-items:center;justify-content:space-between;display:flex}.coach .related_categories_container{width:100%;align-items:start;justify-content:start;display:flex;gap:6px}.coach .related_categories_container .related_category{padding:4px 12px;border:1px solid #d9d9d9;border-radius:12px;color:var(--color-text-dark);font-family:Volte-Medium,sans-serif;font-size:14px}.coach .coach_img_outline{position:absolute;bottom:0;width:100%;aspect-ratio:1;transform:scale(1.06);z-index:1000}.page_testresult{box-sizing:border-box;width:100vw;width:100lvw;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-family:Volte-Regular,sans-serif;background:var(--gradient-primary);overflow:hidden}.page_testresult .content{width:100%;flex:1;padding:0 18px 18px;box-sizing:border-box;align-items:center;justify-content:center;display:flex;flex-direction:column;gap:18px}.page_testresult .content.switched{flex-direction:column-reverse}.page_testresult .content .upper{width:100%;position:relative;display:grid}.page_testresult .content .upper>*{grid-area:1 / 1}.page_testresult .content .info_main_container{position:relative;width:100%;box-sizing:border-box;border-radius:18px;background:var(--color-light);align-items:center;justify-content:space-around;display:flex;flex-direction:row;margin-top:18px;overflow:hidden}.page_testresult .upper .img_main_container{position:relative;height:100%;align-items:center;justify-content:center;display:flex}.page_testresult .upper .img_main_container .backdrop{width:100px;height:100px;background:var(--color-primary);border:12px solid var(--color-dark);box-sizing:border-box;border-radius:100vh;position:absolute}.page_testresult .upper .img_main_container img{height:150px;object-fit:contain;object-position:bottom center;opacity:0;transform:translateY(100%);animation:testresult_visual_anim 3s ease-out forwards;animation-delay:1.3s}@keyframes testresult_visual_anim{0%{opacity:0;transform:translateY(100%)}20%{transform:translateY(8%)}50%{opacity:1}to{transform:translateY(0);opacity:1}}.page_testresult .upper .info_main{position:relative;width:60%;padding:12px 0;margin-right:12px;box-sizing:border-box;align-items:start;justify-content:center;display:flex;flex-direction:column;gap:8px;color:var(--color-text-dark);font-family:Volte-SemiBold,sans-serif;font-size:14px}.page_testresult .upper .info_main>*{opacity:0;transform:translate(40px);animation:info_main_child_anim .5s ease-out forwards}.page_testresult .upper .info_main .name_container{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical}@keyframes info_main_child_anim{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.page_testresult .upper .info_main .minideskripsi{font-size:11px}.page_testresult .upper .info_main span{color:var(--color-dark);font-family:Volte-Bold,sans-serif}.page_testresult .upper .info_main .charactername_container{position:relative;width:fit-content;color:var(--color-text);padding:0 12px;border-radius:12px;font-family:Volte-Bold,sans-serif;font-size:1.5rem}.page_testresult .upper .info_main .charactername_container h3{position:relative;white-space:nowrap;z-index:1}.page_testresult .upper .info_main .charactername_container .crayon{z-index:-1;position:absolute;width:100%;transform:scale(1.15) translateY(8%) translate(-5%)}.page_testresult .tags_container{width:100%;align-items:center;justify-content:space-between;display:flex;font-size:12px;gap:6px}.page_testresult .tag_container{background:var(--color-light);color:var(--color-dark);font-family:Volte-SemiBold,sans-serif;flex-grow:1;padding:9px 3px;border-radius:18px;align-items:center;justify-content:center;display:flex}.page_testresult .horizontalsection{width:100%;align-items:start;justify-content:center;display:flex;gap:12px}.page_testresult .wrapper{background:var(--color-light);box-shadow:0 0 20px #0000004d;border-radius:18px;box-sizing:border-box;align-items:center;justify-content:start;display:flex;flex-direction:column;align-self:stretch;flex:1}.page_testresult .wrapper .wrapper_upper{width:calc(100% + 2px);background:var(--gradient-primary);position:relative;top:-1px;border-radius:18px 18px 6px 6px;box-sizing:border-box;align-items:center;justify-content:start;display:flex}.page_testresult .wrapper .wrapper_upper p{color:#fff;width:100%;font-size:12px;margin:8px 0 9px 8px;font-family:Volte-SemiBold,sans-serif;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical}.page_testresult .wrapper .wrapper_upper .icon{position:relative;transform:translateY(-25%);height:35px;aspect-ratio:1;background:var(--gradient-secondary);box-shadow:0 0 18px #0006;border-radius:100vh;margin-left:8px;align-items:center;justify-content:center;display:flex}.page_testresult .wrapper .wrapper_upper .icon svg{width:46%}.page_testresult .wrapper .wrapper_content{width:100%;height:100%;padding:8px 12px;box-sizing:border-box;color:var(--color-text-dark);font-family:Volte-SemiBold,sans-serif;font-size:12px}.page_testresult .wrapper .wrapper_content table{width:100%}.page_testresult .wrapper .wrapper_content table td{white-space:nowrap;padding:6px 4px}.page_testresult .wrapper .wrapper_content span{color:var(--color-primary);font-family:Volte-Bold,sans-serif}.page_testresult .skillbar_container{width:100%;gap:12px;margin:9px 0}.page_testresult .skillbar_container .skillbar_td{width:100%;padding:0 12px}.page_testresult .skillbar_container .skillbar{height:12px;background:#d3d3d3;border-radius:100vh;width:100%}.page_testresult .skillbar_container .skillbar .skillbar_proficient{height:100%;background:var(--color-primary);border-radius:100vh}.page_testresult .skillbar_container .proficiencylabel{font-family:Volte-Bold,sans-serif;color:var(--color-primary)}.page_testresult .majors_container{width:100%;align-items:start;justify-content:center;display:flex;flex-direction:column;gap:12px}.page_testresult .major_item{width:100%;position:relative;overflow:hidden;align-items:center;justify-content:start;display:flex;gap:12px;text-align:center;font-family:Volte-Bold,sans-serif;line-height:12px}.page_testresult .major_item .icon_container{padding:6px;box-sizing:border-box;border-radius:18px;background:#d3d3d3;box-shadow:0 4px 12px #0000004d;width:10%;aspect-ratio:1}.page_testresult .spiderchart{width:100%;height:100%;object-fit:contain;object-position:center;padding-bottom:9px;box-sizing:border-box}.page_testresult .aptitude_result_container,.page_testresult .personality_result_container{width:100%;display:grid}.page_testresult .aptitude_result_container>div,.page_testresult .personality_result_container>div{grid-area:1 / 1}.page_testresult .result_container{z-index:10;width:100%;align-items:center;justify-content:center;display:flex;flex-direction:column;gap:18px}.page_testresult .result_container.blurred{filter:blur(12px) saturate(50%)}.page_testresult .engage_to_certain_test_container{z-index:20;width:100%;height:100%;align-items:center;justify-content:center;display:flex}.page_testresult .engage_to_certain_test_child{width:100%;align-items:center;justify-content:center;display:flex;flex-direction:column}.page_testresult .engage_to_certain_test_text{width:70%;padding:24px 24px 42px;border-radius:40px;background:#fff;font-family:Volte-SemiBold,sans-serif;color:var(--color-text-extradark);box-shadow:0 0 24px #00000026,0 0 10px #0003;text-align:center}.page_testresult .btn_container{position:relative;width:100%;align-items:center;justify-content:center;display:flex}.page_testresult .btn_step{z-index:300;position:absolute;flex-shrink:0;width:60px;height:60px;background:var(--color-primary);border-radius:44%;align-items:center;justify-content:center;display:flex;box-shadow:0 4px 12px #ac5050b3;transition:.15s;transform:scale(1);pointer-events:all}.page_testresult .no_result{min-height:50vh;min-height:50svh;align-items:center;justify-content:center;display:flex;flex-direction:column;gap:18px;padding:12px;text-align:center}.page_testresult .no_result p{color:var(--color-text-grey)}.page_testresult .btn_container{width:80%}.no-export-temp{display:none!important}.btn_testresultoptions_container{z-index:1000;bottom:0;right:0;position:fixed;padding:16px;box-sizing:border-box}.btn_testresultoptions_screen{position:fixed;top:0;left:0;width:100dvw;height:100vh;height:100dvh;pointer-events:none;transition:.2s ease-in-out;filter:opacity(0)}.btn_testresultoptions_container.active .btn_testresultoptions_screen{pointer-events:auto;filter:opacity(1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn_testresultoptions_container .btn_testresultoptions_button{z-index:1002;position:relative;width:64px;height:64px;background:var(--color-primary);color:var(--color-text-dark);border-radius:100vh;align-items:center;justify-content:center;display:flex;transition:.2s ease-in-out;pointer-events:auto;box-shadow:0 0 10px #0000004d}.btn_testresultoptions_container.active .btn_testresultoptions_button{transform:rotate(45deg)}.btn_testresultoptions_container .btn_testresultoptions_button img{width:32px;aspect-ratio:1;position:absolute}.btn_testresultoptions_container .btn_testresultoptions_button .download_icon{filter:invert(1);transition:.2s ease-in-out}.btn_testresultoptions_container.active .btn_testresultoptions_button .download_icon{opacity:0}.btn_testresultoptions_container .btn_testresultoptions_button .add_icon{transition:.2s ease-in-out;opacity:0}.btn_testresultoptions_container.active .btn_testresultoptions_button .add_icon{opacity:1}.btn_testresultoptions_container .btn_testresultoptions_options{z-index:1001;width:64px;height:64px;position:fixed;bottom:16px;right:16px;align-items:center;justify-content:center;display:grid}.btn_testresultoptions_container .btn_testresultoptions_options .btn_testresultoptions_option{width:54px;height:54px;background:#fff;box-shadow:0 0 10px #0000001a;border:1px solid darkgrey;border-radius:100vh;grid-area:1 / 1;transition:.2s ease-out;opacity:0;align-items:center;justify-content:center;display:flex}.btn_testresultoptions_container .btn_testresultoptions_options .btn_testresultoptions_option img{width:24px;aspect-ratio:1}.btn_testresultoptions_container.active .btn_testresultoptions_options .btn_testresultoptions_option:nth-child(1){transform:translateY(-90px);opacity:1;transition-delay:.05s}.btn_testresultoptions_container.active .btn_testresultoptions_options .btn_testresultoptions_option:nth-child(2){transform:translate(-63.6396px,-63.6396px);opacity:1;transition-delay:.1s}.btn_testresultoptions_container.active .btn_testresultoptions_options .btn_testresultoptions_option:nth-child(3){transform:translate(-90px);opacity:1;transition-delay:.15s}.infobar{position:fixed;top:68px;left:0;right:0;z-index:1000;padding:12px;box-sizing:border-box;margin:12px;opacity:0;transition:.3s ease-in-out;box-shadow:0 2px 12px #0003;border-radius:12px}.infobar-visible{opacity:1}.infobar-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.infobar-message{font-size:14px;font-weight:500}.infobar-close{background:none;border:none;font-size:20px;cursor:pointer;margin-left:10px;padding:0;line-height:1;opacity:.7;transition:opacity .2s}.infobar-close:hover{opacity:1}.infobar-info{background-color:#e3f2fd;color:#0277bd}.infobar-success{background-color:#2b9931;color:#e8f5e9}.infobar-warning{background-color:#fff8e1;color:#f57f17}.infobar-error{background-color:#ffebee;color:#c62828}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.page_testresult .get_detailed_result_pdf_popup{position:fixed;width:100%;height:100%;top:0;left:0;background:#00000080;box-shadow:0 0 12px #00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10000;align-items:center;justify-content:center;display:flex}.page_testresult .get_detailed_result_pdf_popup_content{width:90vw;min-width:200px;background:#fff;padding:18px;box-sizing:border-box;border-radius:48px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--color-text-dark);font-family:Volte-SemiBold,sans-serif}.page_testresult .get_detailed_result_pdf_popup_content h1{font-size:1.5rem;margin:24px 0;text-align:center}.page_testresult .get_detailed_result_pdf_popup_content h1 span{color:var(--color-primary)}.page_testresult .get_detailed_result_pdf_popup_content .btn_close{width:100%;padding:12px;text-align:center}.share_result_image_popup_container{position:fixed;top:0;left:0;width:100vw;width:100dvw;height:100vh;height:100dvh;background-color:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;animation:appear .3s ease-in-out forwards}.share_result_image_popup_container.closing{animation:disappear .3s ease-in-out forwards}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes disappear{0%{opacity:1}to{opacity:0}}.share_result_image_popup_container_content{width:80vw;background:#fff;box-shadow:0 0 10px #00000080;border-radius:24px;padding:20px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.share_result_image_popup_container_content .close_container{width:100%;display:flex;align-items:center;justify-content:flex-end}.share_result_image_popup_container_content .close_container button{all:unset!important}.share_result_image_popup_container_content>img{max-height:0vh;max-height:0dvh;max-width:100%;object-fit:contain;border-radius:16px;box-sizing:border-box;outline:1px solid black;outline-offset:-1px;opacity:0;transition:.3s ease-in-out}.share_result_image_popup_container_content>img.loaded{opacity:1;max-height:65vh;max-height:65dvh}.page_test_start{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;background:url(/assets/img/castle.webp);padding:28px;box-sizing:border-box}.page_test_start .mascot_wondering{width:30vw}.page_test_start .test_description{width:100%;display:flex;justify-content:center;align-items:center;text-align:center;box-sizing:border-box;padding:42px 14px;background:var(--gradient-primary);border-radius:32px}.page_test_start .test_description p{font-size:18px;margin-bottom:24px}.page_test_start .test_description p span{color:#fff;font-family:Volte-SemiBold,sans-serif}.page_test_start .primary-button{width:50vw;min-width:160px;margin-bottom:48px;position:relative;transform:translateY(-50%)}