:root{--color-primary:#998fc7;--color-primary-hover:#8578b8;--color-primary-light:#e2dcfc;--color-accent:#7b61ff;--color-accent-dark:#554880;--color-bg-card:#fff6;--color-bg-card-inner:#fcfbfe;--color-bg-gradient-start:#f9f8fb;--color-bg-gradient-end:#ebddff;--color-text-primary:#000;--color-text-body:#333;--color-text-secondary:#666;--color-text-muted:#888;--color-text-placeholder:#777;--color-border-subtle:#998fc733;--color-border-medium:#998fc74d;--color-shadow-card:1px 4px 21.2px #998fc769;--color-shadow-btn-primary:0 4px 15px #998fc759;--color-shadow-btn-secondary:0 4px 12px #998fc71f;--font-family:"Inter", sans-serif;--fs-heading-xl:32px;--fs-heading-lg:26px;--fs-heading-md:24px;--fs-heading-sm:20px;--fs-body:15px;--fs-body-sm:14px;--fs-caption:13px;--fs-label:10px;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--sp-4:4px;--sp-8:8px;--sp-12:12px;--sp-16:16px;--sp-20:20px;--sp-24:24px;--sp-32:32px;--sp-40:40px;--card-radius:25px;--card-radius-sm:16px;--card-radius-mobile:15px;--card-padding-desktop:25px 35px;--card-padding-mobile:24px 16px;--transition-default:all .25s cubic-bezier(.25, 1, .5, 1);--transition-fast:all .2s ease;--content-max-width:971px;--mobile-max-width:580px}*,:before,:after{box-sizing:border-box}html,body{background:linear-gradient(252deg,#f9f8fb 0%,#ebddff 100%) fixed;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.page-transition-container{opacity:1;flex-direction:column;width:100%;min-height:100vh;transition:opacity .25s ease-in-out;display:flex}.page-transition-container.fade-out{opacity:0}.page-transition-container.fade-in{opacity:1}.homepage .bkti-about-container,.homepage .dh-slide-wrapper,.homepage .ranking-board-container,.homepage .bkti-register-container,.test-page .quiz-step-card,.result-block-1,.result-block-2,.result-share-branding,.FAQ{-webkit-backdrop-filter:blur(28px)!important;background:#ffffff61!important;border:1px solid #ffffff80!important;box-shadow:0 8px 32px #998fc726!important}.homepage{z-index:10;background-color:#0000;width:100%;max-width:1440px;min-height:1500px;margin:0 auto;position:relative;overflow:hidden}.home-container{background:0 0;width:100%;min-height:100vh}.homepage .header{z-index:10;width:auto;height:50px;position:relative;top:0}.homepage .card-rect{display:none!important}.homepage .ranking-board-container{background-color:var(--color-bg-card);border-radius:var(--card-radius);width:425px;height:795px;box-shadow:var(--color-shadow-card);padding:var(--card-padding-desktop);box-sizing:border-box;gap:var(--sp-12);flex-direction:column;display:flex;position:absolute;top:420.5px;left:calc(50% + 61px)}.homepage .ranking-card-normal{background-color:var(--color-bg-card-inner);border-radius:var(--card-radius-sm);border:1px solid var(--color-border-subtle);padding:var(--sp-16);box-sizing:border-box;gap:var(--sp-12);flex-direction:column;height:500px;display:flex}.homepage .ranking-card-special{background-color:var(--color-bg-card-inner);border-radius:var(--card-radius-sm);border:1px solid var(--color-border-subtle);padding:var(--sp-16);box-sizing:border-box;gap:var(--sp-12);flex-direction:column;height:194px;display:flex}.homepage .ranking-list-container{gap:var(--sp-12);flex-direction:column;display:flex}.homepage .bkti-about-container{width:534px;height:386px;padding:var(--card-padding-desktop);box-sizing:border-box;z-index:12;background-color:var(--color-bg-card);border-radius:var(--card-radius);box-shadow:var(--color-shadow-card);flex-direction:column;display:flex;position:absolute;top:420.5px;left:calc(50% - 485px)}.homepage .bkti-register-container{width:968px;height:220px;padding:var(--card-padding-desktop);box-sizing:border-box;z-index:12;background-color:var(--color-bg-card);border-radius:var(--card-radius);box-shadow:var(--color-shadow-card);flex-direction:column;display:flex;position:absolute;top:1216.5px;left:calc(50% - 482px)}.homepage .card-fullwidth-1{width:968px;height:220px;top:1216.5px;left:calc(50% - 482px)}.homepage .block-title{color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--fs-heading-md);font-weight:var(--fw-semibold);letter-spacing:0;text-align:left;white-space:nowrap;justify-content:flex-start;align-items:center;width:auto;height:29px;line-height:normal;display:flex;position:absolute}.homepage .title-ranking{margin:0 0 var(--sp-12) 0;position:relative;top:0;left:0}.homepage .ranking-section-title{color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--fs-heading-sm);font-weight:var(--fw-semibold);letter-spacing:0;text-align:left;white-space:nowrap;z-index:2;justify-content:flex-start;align-items:center;width:auto;height:0;line-height:normal;display:flex;position:relative;top:0;left:0}.homepage .title-ranking-normal,.homepage .title-ranking-special{top:auto;left:auto}.homepage .title-fullwidth-1{margin:0 0 var(--sp-8) 0;white-space:normal;position:relative;top:0;left:0}.homepage .title-lower-left{top:824.5px;left:calc(50% - 450px)}.homepage .title-right{margin:0 0 var(--sp-12) 0;position:relative;top:0;left:0}.homepage .intro-block-wrapper{width:971px;height:212px;padding:var(--card-padding-desktop);box-sizing:border-box;z-index:12;background-color:var(--color-bg-card);border-radius:var(--card-radius);box-shadow:var(--color-shadow-card);flex-direction:column;justify-content:flex-start;padding-top:25px;padding-bottom:12px;display:flex;position:absolute;top:96.5px;left:calc(50% - 485px)}.homepage .intro-heading-text{font-family:var(--font-family);font-size:var(--fs-heading-xl);font-weight:var(--fw-semibold);color:var(--color-text-primary);margin:0 0 var(--sp-8) 0;text-align:left}.homepage .intro-desc-text{font-family:var(--font-family);font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--color-text-body);text-align:justify;white-space:pre-line;word-break:break-word;overflow-wrap:break-word;width:550px;margin:0;line-height:1.5}.homepage .intro-side-logo{object-fit:contain!important;z-index:15!important;width:300px!important;max-height:150px!important;margin:0!important;position:absolute!important;top:50%!important;left:auto!important;right:50px!important;transform:translateY(-50%)!important}.homepage .action-btn{cursor:pointer;box-sizing:border-box;height:50px;transition:var(--transition-default);justify-content:center;align-items:center;display:flex;position:absolute;top:338px}.homepage .action-btn:hover{transform:translateY(-2px)}.homepage .action-btn:active{transform:translateY(1px)scale(.98)}.homepage .btn-start{background-color:var(--color-primary);border-radius:var(--card-radius);width:384px;box-shadow:var(--color-shadow-btn-primary);border:none;left:calc(50% - 192px)}.homepage .btn-start:hover{background-color:var(--color-primary-hover);box-shadow:0 6px 20px #8578b873}.homepage .btn-start-label{color:#fff;font-family:var(--font-family);font-size:18px;font-weight:var(--fw-semibold);letter-spacing:.5px;text-align:center;justify-content:center;align-items:center;line-height:normal;display:flex;position:relative}.homepage .btn-opt1{background-color:var(--color-bg-card);border:1px solid var(--color-border-medium);border-radius:var(--card-radius);width:217px;box-shadow:var(--color-shadow-btn-secondary);left:calc(50% - 435px)}.homepage .btn-opt1:hover,.homepage .btn-opt2:hover{background-color:#f7f5ff;border-color:#998fc780;box-shadow:0 6px 16px #998fc738}.homepage .btn-opt-label-1,.homepage .btn-opt-label-2{color:var(--color-text-primary);font-family:var(--font-family);font-size:16px;font-weight:var(--fw-semibold);text-align:center;justify-content:center;align-items:center;display:flex;position:relative}.homepage .btn-opt2{background-color:var(--color-bg-card);border:1px solid var(--color-border-medium);border-radius:var(--card-radius);width:217px;box-shadow:var(--color-shadow-btn-secondary);left:calc(50% + 218px)}.homepage .group{width:100%;height:40px;position:relative;left:0;top:auto!important}.homepage .ranking-name{color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);letter-spacing:0;text-align:left;text-overflow:ellipsis;white-space:nowrap;justify-content:flex-start;align-items:center;width:130px;height:20px;line-height:normal;display:flex;position:absolute;top:4px;left:52px;overflow:hidden}.homepage .special-ranking-name{color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);letter-spacing:0;text-align:left;text-overflow:ellipsis;white-space:nowrap;justify-content:flex-start;align-items:center;width:130px;height:20px;line-height:normal;display:flex;position:absolute;top:13.5px;left:52px;overflow:hidden}.homepage .special-rank-badge{background-color:var(--color-text-primary);color:#fff;width:14px;height:14px;font-family:var(--font-family);font-size:9px;font-weight:var(--fw-semibold);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.homepage .ranking-empty-text{color:var(--color-text-placeholder);font-size:var(--fs-body-sm);text-align:center;width:100%;margin:10px 0;font-style:italic;line-height:1.4}.homepage .ranking-progress{background-color:#d9d9d9;border-radius:20px;height:6px;position:absolute;top:28px;left:190px;right:4px}.homepage .ranking-light-text{color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--fs-label);font-weight:var(--fw-light);letter-spacing:0;text-align:center;justify-content:center;align-items:center;width:81px;height:12px;line-height:normal;display:flex;position:absolute}.homepage .ranking-subtitle{text-align:left;text-overflow:ellipsis;white-space:nowrap;width:130px;font-family:var(--font-family);font-weight:var(--fw-regular);color:var(--color-text-secondary);justify-content:flex-start;top:26px;left:52px;overflow:hidden}.homepage .ranking-score{width:auto;font-family:var(--font-family);font-weight:var(--fw-semibold);color:var(--color-accent);justify-content:flex-end;top:4px;left:190px;right:4px}.homepage .ellipse{width:40px;height:40px;font-family:var(--font-family);font-size:15px;font-weight:var(--fw-bold);color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;left:0}.homepage .ellipse.rank-1{background:linear-gradient(135deg,gold 0%,#ffb300 100%);box-shadow:0 4px 10px #ffd70066}.homepage .ellipse.rank-2{background:linear-gradient(135deg,#e0e0e0 0%,#9e9e9e 100%);box-shadow:0 4px 10px #9e9e9e4d}.homepage .ellipse.rank-3{background:linear-gradient(135deg,#d7ccc8 0%,#8d6e63 100%);box-shadow:0 4px 10px #8d6e634d}.homepage .ellipse.rank-4,.homepage .ellipse.rank-5,.homepage .ellipse.rank-6,.homepage .ellipse.rank-7,.homepage .ellipse.rank-8,.homepage .ellipse.rank-9,.homepage .ellipse.rank-10{background-color:var(--color-primary-light);color:var(--color-accent);border:1px solid #7b61ff33}.homepage .rectangle-7{background-color:#d9d9d9;border-radius:20px;width:202px;height:6px;position:absolute;top:17px;left:159px}.homepage .nav-frame{background-color:var(--color-bg-card);z-index:10;border:none;border-radius:22px;outline:none;justify-content:center;align-items:center;gap:10px;padding:3px 0;display:inline-flex;position:absolute;top:44px}.homepage .nav-btn-social{box-shadow:0 0 0 2px var(--color-primary);z-index:10;cursor:pointer;left:calc(50% - 486px)}.homepage .nav-btn-hashtag{transition:var(--transition-fast);box-shadow:0 0 0 2px var(--color-primary);z-index:10;left:calc(50% + 380px)}.homepage .nav-logo{cursor:pointer;z-index:10;background:0 0;border:none;outline:none;padding:0;transition:opacity .25s;position:absolute;top:0;left:50%;transform:translate(-50%)}.homepage .nav-logo:hover{opacity:.8}.homepage .nav-logo-img{object-fit:contain;width:175px;height:97px}.homepage .nav-text{color:var(--color-text-primary);font-family:var(--font-family);font-size:16px;font-weight:var(--fw-semibold);letter-spacing:0;text-align:center;justify-content:center;align-items:center;margin-top:-1px;line-height:normal;display:flex;position:relative}.homepage .nav-label-social{width:160px}.homepage .nav-label-hashtag{width:73px}.homepage .nav-label-lang{width:105px}.homepage .dh-slide-wrapper{box-sizing:border-box;z-index:12;background-color:var(--color-bg-card);border-radius:var(--card-radius);width:534px;height:386px;box-shadow:var(--color-shadow-card);flex-direction:column;justify-content:space-between;padding:42px 35px 15px;display:flex;position:absolute;top:818.5px;left:calc(50% - 485px)}.homepage .btt-slide-inner{flex-direction:column;flex:1;display:flex}.homepage .slide-fade-in{animation:.35s ease-out forwards slideFadeIn}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.homepage .dh-slide-title{font-family:var(--font-family);font-size:var(--fs-heading-md);font-weight:var(--fw-semibold);color:var(--color-text-primary);white-space:pre-line;word-break:break-word;overflow-wrap:break-word;margin:0;position:relative!important;top:0!important;left:0!important}.homepage .dh-slide-content{font-family:var(--font-family);font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--color-text-body);text-align:justify;white-space:pre-line;word-break:break-word;overflow-wrap:break-word;flex-grow:1;margin-top:15px;line-height:1.6}.homepage .dh-slide-img{object-fit:contain;border-radius:12px;width:100%;max-width:440px;max-height:250px;margin:10px auto;display:block}.homepage .dh-slide-body{margin:var(--sp-8) 0;flex-direction:column;flex:1;align-items:center;max-height:220px;padding-right:5px;display:flex}.homepage .dh-slide-controls{justify-content:flex-end;align-items:center;gap:var(--sp-12);margin-top:10px;display:flex}.homepage .dh-nav-btn{cursor:pointer;width:34px;height:34px;font-size:var(--fs-body-sm);color:var(--color-text-body);transition:var(--transition-fast);background-color:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.homepage .dh-nav-btn:hover{background-color:var(--color-primary);color:#fff}.homepage .dh-slide-indicator{font-family:var(--font-family);font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--color-text-secondary)}.homepage .right-block-text,.homepage .fullwidth-block-text{font-family:var(--font-family);font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--color-text-body);text-align:justify;white-space:pre-line;word-break:break-word;overflow-wrap:break-word;margin:0;line-height:1.6}.homepage .btt-reg-links{justify-content:space-between;gap:var(--sp-12);margin-top:var(--sp-8);flex-wrap:wrap;display:flex}.homepage .btt-reg-link{color:var(--color-accent);font-weight:var(--fw-semibold);cursor:pointer;text-decoration:underline;transition:color .2s}.homepage .btt-reg-link:hover{color:var(--color-accent-dark)}.homepage .mask-group{background-image:url(./image.webp?v=2);background-size:100% 100%;width:341px;height:212px;display:flex;position:absolute;top:97px;left:865px}.homepage .rectangle-vectorized{width:362px;height:512px;margin-top:85px;margin-left:771px}.homepage .img{width:543px;height:390px;position:absolute;top:420.5px;left:calc(50% - 490px)}.homepage .vector{width:295px;height:385px;position:absolute;top:126px;left:67px}.homepage .cse-multi-colored{aspect-ratio:1.67;object-fit:cover;width:175px;height:97px;position:absolute;top:7px;left:calc(50% - 88px)}.homepage .rectangle-9{object-fit:fill;width:auto;height:660px;position:absolute;top:511px}.popup-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background-color:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-in-out forwards overlayFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.homepage .slide-from-right{animation:.35s cubic-bezier(.25,1,.5,1) forwards slideFromRight}@keyframes slideFromRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.homepage .slide-from-left{animation:.35s cubic-bezier(.25,1,.5,1) forwards slideFromLeft}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@media (width<=992px){.homepage{width:100%!important;max-width:100%!important;height:auto!important;min-height:auto!important;padding:90px var(--sp-16) var(--sp-40) var(--sp-16)!important;align-items:center!important;gap:var(--sp-16)!important;flex-direction:column!important;display:flex!important;overflow:hidden visible!important}.homepage .header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;width:100%!important;height:104px!important;box-shadow:none!important;z-index:200!important;padding:0 var(--sp-16)!important;box-sizing:border-box!important;background-color:#0000!important;justify-content:space-between!important;align-items:center!important;display:flex!important;position:absolute!important;top:0!important;left:0!important}.homepage .nav-logo{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.homepage .nav-logo-img{object-fit:contain!important;width:100px!important;height:50px!important}.homepage .nav-frame{height:36px!important;padding:0 var(--sp-12)!important;border-radius:18px!important;position:static!important;top:auto!important;left:auto!important}.homepage .nav-text{font-size:var(--fs-caption)!important;width:auto!important}.homepage .nav-btn-social{box-shadow:0 0 0 2px var(--color-primary)!important}.homepage .card-rect,.homepage .mask-group,.homepage .rectangle-vectorized,.homepage .img,.homepage .vector,.homepage .cse-multi-colored,.homepage .rectangle-9{display:none!important}.homepage .intro-block-wrapper{width:100%!important;max-width:var(--mobile-max-width)!important;background-color:var(--color-bg-card)!important;border-radius:var(--card-radius-mobile)!important;box-shadow:var(--color-shadow-card)!important;padding:var(--card-padding-mobile)!important;box-sizing:border-box!important;z-index:12!important;flex-direction:column!important;order:1!important;height:auto!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important}.homepage .intro-heading-text{width:100%!important;font-size:var(--fs-heading-md)!important;text-align:center!important;margin:0 0 var(--sp-12) 0!important;height:auto!important;font-family:var(--font-family)!important;font-weight:var(--fw-semibold)!important;position:static!important}.homepage .intro-desc-text{width:100%!important;font-size:var(--fs-body-sm)!important;text-align:justify!important;line-height:1.6!important;font-family:var(--font-family)!important;font-weight:var(--fw-medium)!important;color:var(--color-text-body)!important;margin:0!important;position:static!important}.homepage .intro-side-logo{width:200px!important;height:auto!important;margin:var(--sp-16) auto 0 auto!important;order:3!important;display:block!important;position:relative!important;top:auto!important;right:auto!important;transform:none!important}.homepage .action-btn{width:100%!important;max-width:var(--mobile-max-width)!important;order:2!important;height:48px!important;margin:0!important;position:relative!important;top:auto!important;left:auto!important}.homepage .btn-start{background-color:var(--color-primary)!important;border:none!important;border-radius:24px!important}.homepage .btn-start-label{height:auto!important;font-size:16px!important}.homepage .btn-opt1,.homepage .btn-opt2{background-color:var(--color-bg-card)!important;border-radius:24px!important;box-shadow:1px 4px 21.2px #998fc722!important}.homepage .btn-opt-label-1,.homepage .btn-opt-label-2{text-align:center!important;width:100%!important;margin:0!important;font-size:16px!important}.homepage .ranking-board-container{width:100%!important;max-width:var(--mobile-max-width)!important;background-color:var(--color-bg-card)!important;border-radius:var(--card-radius-mobile)!important;height:auto!important;box-shadow:var(--color-shadow-card)!important;padding:var(--card-padding-mobile)!important;box-sizing:border-box!important;gap:var(--sp-16)!important;flex-direction:column!important;order:4!important;margin:0 auto!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important}.homepage .ranking-card-normal,.homepage .ranking-card-special{background-color:var(--color-bg-card-inner)!important;border-radius:var(--card-radius-mobile) - 3px!important;border:1px solid var(--color-border-subtle)!important;width:100%!important;height:auto!important;box-shadow:none!important;padding:var(--sp-16) var(--sp-12)!important;box-sizing:border-box!important;gap:var(--sp-12)!important;flex-direction:column!important;display:flex!important}.homepage .title-ranking{width:100%!important;font-size:var(--fs-heading-sm)!important;font-weight:var(--fw-semibold)!important;color:var(--color-text-primary)!important;text-align:center!important;box-shadow:none!important;margin:0 0 var(--sp-4) 0!important;background-color:#0000!important;border-radius:0!important;justify-content:center!important;height:auto!important;padding:0!important;position:static!important}.homepage .ranking-list-container{width:100%!important;box-shadow:none!important;box-sizing:border-box!important;background-color:#0000!important;border-radius:0!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:0!important;display:flex!important}.homepage .ranking-section-title{width:100%!important;max-width:var(--mobile-max-width)!important;margin:var(--sp-12) 0 var(--sp-4) 0!important;padding-left:var(--sp-8)!important;font-size:18px!important;position:relative!important;top:auto!important;left:auto!important}.homepage .group{width:100%!important;height:auto!important;box-shadow:none!important;padding:var(--sp-12) 0!important;box-sizing:border-box!important;align-items:center!important;column-gap:var(--sp-12)!important;background-color:#0000!important;border-bottom:1px solid #998fc726!important;border-radius:0!important;grid-template-rows:auto auto!important;grid-template-columns:32px 1fr auto!important;row-gap:2px!important;display:grid!important;position:relative!important;top:auto!important;left:auto!important}.homepage .group:last-child{border-bottom:none!important}.homepage .ellipse{grid-area:1/1/3!important;width:32px!important;height:32px!important;position:static!important}.homepage .ranking-name,.homepage .special-ranking-name{width:auto!important;font-size:var(--fs-body-sm)!important;white-space:nowrap!important;text-overflow:ellipsis!important;grid-area:1/2!important;height:auto!important;position:static!important;overflow:hidden!important}.homepage .ranking-light-text{width:auto!important;height:auto!important;position:static!important}.homepage .ranking-subtitle{font-size:var(--fs-caption)!important;color:var(--color-text-secondary)!important;grid-area:2/2!important;display:flex!important}.homepage .ranking-score{font-weight:var(--fw-semibold)!important;font-size:var(--fs-body-sm)!important;grid-area:1/3/3!important;align-self:center!important}.homepage .ranking-progress,.homepage .rectangle-7{display:none!important}.homepage .ranking-card-special .group{grid-template-rows:auto!important;align-items:center!important}.homepage .ranking-card-special .ellipse,.homepage .ranking-card-special .ranking-score{grid-row:1!important}.homepage .dh-slide-wrapper{width:100%!important;max-width:var(--mobile-max-width)!important;background-color:var(--color-bg-card)!important;border-radius:var(--card-radius-mobile)!important;height:auto!important;min-height:400px!important;box-shadow:var(--color-shadow-card)!important;padding:var(--sp-24) var(--sp-16) var(--sp-16) var(--sp-16)!important;box-sizing:border-box!important;z-index:12!important;flex-direction:column!important;order:5!important;justify-content:space-between!important;margin:0 auto!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important}.homepage .dh-slide-body{max-height:none!important}.homepage .dh-slide-title{text-align:center!important;width:100%!important;margin:0 0 var(--sp-8) 0!important;white-space:pre-line!important;justify-content:center!important;height:auto!important;font-size:18px!important;display:flex!important}.homepage .dh-slide-content{font-size:var(--fs-body-sm)!important;line-height:1.6!important}.homepage .dh-slide-controls{justify-content:center!important}.homepage .title-lower-left{width:100%!important;max-width:var(--mobile-max-width)!important;background-color:var(--color-bg-card)!important;border-radius:var(--card-radius-mobile)!important;box-shadow:var(--color-shadow-card)!important;padding:var(--sp-16)!important;box-sizing:border-box!important;text-align:center!important;justify-content:center!important;height:auto!important;font-size:18px!important;position:relative!important;top:auto!important;left:auto!important}.homepage .bkti-about-container{width:100%!important;max-width:var(--mobile-max-width)!important;background-color:var(--color-bg-card)!important;border-radius:var(--card-radius-mobile)!important;height:auto!important;box-shadow:var(--color-shadow-card)!important;padding:var(--card-padding-mobile)!important;box-sizing:border-box!important;gap:var(--sp-12)!important;flex-direction:column!important;order:3!important;margin:0 auto!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important}.homepage .title-right{width:100%!important;font-size:var(--fs-heading-sm)!important;font-weight:var(--fw-semibold)!important;color:var(--color-text-primary)!important;text-align:center!important;box-shadow:none!important;margin:0 0 var(--sp-4) 0!important;background-color:#0000!important;border-radius:0!important;justify-content:center!important;height:auto!important;padding:0!important;position:static!important}.homepage .right-block-text{width:100%!important;font-size:var(--fs-body-sm)!important;text-align:justify!important;line-height:1.6!important;font-family:var(--font-family)!important;font-weight:var(--fw-medium)!important;color:var(--color-text-body)!important;margin:0!important;position:static!important}.homepage .bkti-register-container{width:100%!important;max-width:var(--mobile-max-width)!important;background-color:var(--color-bg-card)!important;border-radius:var(--card-radius-mobile)!important;height:auto!important;box-shadow:var(--color-shadow-card)!important;padding:var(--card-padding-mobile)!important;box-sizing:border-box!important;gap:var(--sp-12)!important;flex-direction:column!important;order:6!important;margin:0 auto!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important}.homepage .title-fullwidth-1{width:100%!important;font-size:var(--fs-heading-sm)!important;font-weight:var(--fw-semibold)!important;color:var(--color-text-primary)!important;text-align:center!important;box-shadow:none!important;margin:0 0 var(--sp-4) 0!important;white-space:normal!important;background-color:#0000!important;border-radius:0!important;justify-content:center!important;height:auto!important;padding:0!important;display:flex!important;position:static!important}.homepage .fullwidth-block-text{width:100%!important;font-size:var(--fs-body-sm)!important;text-align:justify!important;line-height:1.6!important;font-family:var(--font-family)!important;font-weight:var(--fw-medium)!important;color:var(--color-text-body)!important;margin:0!important;position:static!important}.homepage .btt-reg-links{align-items:center!important;gap:var(--sp-8)!important;flex-direction:column!important}.homepage .btt-reg-link{text-align:center!important}}@media (width<=480px){.homepage{padding:70px var(--sp-12) var(--sp-32) var(--sp-12)!important;gap:var(--sp-12)!important}.homepage .intro-heading-text{font-size:var(--fs-heading-sm)!important}.homepage .intro-side-logo{width:160px!important}.homepage .action-btn{height:44px!important}.homepage .btn-start-label,.homepage .btn-opt-label-1,.homepage .btn-opt-label-2{font-size:var(--fs-body-sm)!important}.homepage .dh-slide-wrapper{min-height:350px!important}.homepage .dh-slide-title{font-size:16px!important}.homepage .dh-slide-content{font-size:var(--fs-caption)!important}}.hero-section{z-index:1;aspect-ratio:1920/820;text-align:center;box-sizing:border-box;background-image:url(/image/bg.webp?v=2);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:520px;max-height:720px;margin-top:72px;margin-bottom:30px;padding:40px 24px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;flex-direction:column;align-items:center;gap:20px;max-width:900px;margin-bottom:24px;display:flex}.hero-title{font-family:var(--font-family);color:#1e1b4b;text-shadow:0 2px 10px #ffffff80;margin:0;font-size:48px;font-weight:800;line-height:1.25}.hero-subtitle{font-family:var(--font-family);color:#374151;text-shadow:0 1px 8px #fff9;max-width:850px;margin:0;font-size:18px;font-weight:600;line-height:1.6}.hero-start-btn{background-color:var(--color-accent);color:#fff;font-family:var(--font-family);cursor:pointer;box-shadow:var(--color-shadow-btn-primary);border:none;border-radius:9999px;outline:none;align-items:center;gap:10px;margin-top:12px;padding:18px 48px;font-size:20px;font-weight:700;transition:all .2s;display:inline-flex}.hero-start-btn:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #7b61ff66}.hero-arrow{font-size:18px;line-height:1;transition:transform .2s}.hero-start-btn:hover .hero-arrow{transform:translate(4px)}.homepage{z-index:10!important;flex-direction:column!important;align-items:center!important;gap:30px!important;max-width:1200px!important;min-height:auto!important;padding-bottom:80px!important;display:flex!important;overflow:visible!important}.homepage .home-main-layout{box-sizing:border-box;flex-direction:row;justify-content:center;gap:24px;width:100%;max-width:968px;display:flex}.homepage .home-left-column{flex-direction:column;flex-shrink:0;gap:24px;width:534px;display:flex}.homepage .home-right-column{flex-shrink:0;width:425px}.homepage .bkti-about-container,.homepage .dh-slide-wrapper,.homepage .ranking-board-container,.homepage .bkti-register-container{box-sizing:border-box!important;width:100%!important;margin:0!important;position:relative!important;top:auto!important;left:auto!important}.homepage .bkti-register-container{max-width:980px!important;height:auto!important;margin:0 auto!important}.homepage .action-btn,.homepage .btn-opt1,.homepage .btn-start,.homepage .btn-opt2,.homepage .intro-block-wrapper,.homepage .hero-image-container{display:none!important}@media (width<=992px){.hero-section{min-height:440px!important;max-height:none!important;margin-top:60px!important;margin-bottom:0!important;padding:80px 16px 40px!important}.hero-title{font-size:26px!important}.hero-subtitle{font-size:13.5px!important}.hero-start-btn{padding:12px 28px!important;font-size:15px!important}.homepage .home-main-layout{align-items:center!important;gap:var(--sp-16)!important;padding:0 var(--sp-16)!important;flex-direction:column!important}.homepage .home-left-column,.homepage .home-right-column{width:100%!important;max-width:var(--mobile-max-width)!important}}.popup{border-radius:var(--card-radius);box-shadow:var(--color-shadow-card);box-sizing:border-box;background-color:#fff;flex-direction:column;align-items:center;width:440px;max-width:90vw;height:auto;padding:40px 24px 32px;animation:.35s ease-in-out forwards popupShow;display:flex;position:relative;overflow:hidden}.popup .ellipse{object-fit:contain;border:2px solid var(--color-border-subtle);background-color:var(--color-bg-card-inner);box-sizing:border-box;border-radius:50%;width:140px;height:140px;box-shadow:0 4px 15px #998fc71a}.popup .text-wrapper{color:var(--color-accent-dark);font-family:var(--font-family);font-size:var(--fs-heading-sm);font-weight:var(--fw-bold);text-align:center;width:auto;height:auto;margin-top:14px}.popup .group{justify-content:center;align-items:center;gap:20px;margin-top:24px;display:flex}.popup .social-btn{cursor:pointer;box-sizing:border-box;background:#998fc714;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .2s;display:flex}.popup .social-btn:hover{background-color:#7c41e71f;transform:translateY(-3px)}.popup .social-btn img{object-fit:contain;max-width:22px;max-height:22px}.popup .facebook,.popup .tiktok,.popup .mail,.popup .web{width:22px;height:22px}.popup .button{box-sizing:border-box;justify-content:center;width:100%;margin-top:28px;display:flex}.popup .follow-btn{background-color:var(--color-primary-light);color:var(--color-accent-dark);cursor:pointer;width:100%;max-width:320px;height:auto;min-height:48px;font-family:var(--font-family);font-size:var(--fs-body-sm);font-weight:var(--fw-bold);text-align:center;border:none;border-radius:30px;padding:10px 20px;line-height:1.4;transition:all .2s}.popup .follow-btn:hover{background-color:var(--color-primary);transform:scale(1.02)}.close-btn{cursor:pointer;color:var(--color-primary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:28px;line-height:1;transition:all .2s;display:flex;position:absolute;top:16px;right:18px}.close-btn:hover{color:var(--color-accent);background-color:var(--color-border-subtle);transform:scale(1.1)}@keyframes popupShow{0%{opacity:0;transform:scale(.9)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=480px){.popup{width:92vw;padding:32px 16px 24px}.popup .ellipse{width:110px;height:110px}.popup .text-wrapper{margin-top:10px;font-size:14px}.popup .group{gap:16px;margin-top:18px}.popup .social-btn{width:38px;height:38px}.popup .social-btn img{max-width:18px;max-height:18px}.popup .button{margin-top:20px}.popup .follow-btn{min-height:42px;padding:8px 16px;font-size:12px}.close-btn{font-size:24px;top:10px;right:12px}}.personality{background-color:var(--color-bg-card-inner);border-radius:var(--card-radius);box-shadow:var(--color-shadow-card);box-sizing:border-box;width:650px;max-width:90vw;min-height:354px;padding:24px;animation:.35s ease-in-out forwards popupShow;position:relative}.personality .title{color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--fs-body);font-weight:var(--fw-bold);text-align:center;margin:0 0 24px}.personality-grid{grid-template-columns:repeat(5,1fr);justify-items:center;gap:16px 12px;display:grid}.personality-item{flex-direction:column;align-items:center;width:100%;max-width:100px;display:flex}.img-wrapper{aspect-ratio:1;border-radius:var(--card-radius-sm);border:2px solid var(--color-primary);box-sizing:border-box;background-color:var(--color-bg-card-inner);width:100%;transition:transform .2s,border-color .2s;overflow:hidden;box-shadow:0 4px 10px #998fc726}.img-wrapper:hover{border-color:var(--color-accent);transform:translateY(-3px)}.rectangle-img{object-fit:cover;width:100%;height:100%;display:block}.item-label{color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--fs-label);font-weight:var(--fw-semibold);text-align:center;margin-top:6px;line-height:1.2}.close-btn{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;font-size:28px;line-height:1;transition:transform .2s;position:absolute;top:16px;right:18px}.close-btn:hover{transform:scale(1.1)}@media (width<=720px){.personality{padding:24px 20px}.personality-grid{grid-template-columns:repeat(4,1fr);gap:16px 12px}}@media (width<=550px){.personality{border-radius:var(--card-radius-sm);min-height:auto;padding:20px 16px}.personality .title{margin-bottom:16px;padding:0 24px;font-size:16px}.personality-grid{grid-template-columns:repeat(3,1fr);justify-items:center;gap:12px 8px}.img-wrapper{border-radius:12px}.item-label{font-size:9px}.close-btn{font-size:24px;top:12px;right:14px}}@media (width<=380px){.personality-grid{grid-template-columns:repeat(2,1fr);gap:12px 8px}.item-label{font-size:10px}}.FAQ{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:16px;width:600px;max-width:92vw;height:auto;max-height:80vh;padding:28px 24px;animation:.35s ease-in-out forwards popupShow;display:flex;position:relative;overflow-y:auto;border-radius:var(--card-radius)!important;background-color:var(--color-bg-card-inner)!important;box-shadow:var(--color-shadow-card)!important;border:1px solid var(--color-border-subtle)!important}.FAQ .faq-title{font-family:var(--font-family);text-align:center;color:var(--color-accent-dark)!important;font-size:var(--fs-heading-sm)!important;font-weight:var(--fw-bold)!important;margin:0 0 12px!important;padding:0 32px!important}.FAQ .faq-item{border-bottom:1px solid var(--color-border-subtle);flex-direction:column;gap:6px;padding-bottom:14px;display:flex}.FAQ .faq-item:last-child{border-bottom:none;padding-bottom:0}.FAQ-close-btn-absolute{width:32px;height:32px;color:var(--color-primary);cursor:pointer;z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:28px;line-height:1;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.FAQ-close-btn-absolute:hover{color:var(--color-accent);background-color:var(--color-border-subtle);transform:scale(1.1)}.FAQ::-webkit-scrollbar{width:6px}.FAQ::-webkit-scrollbar-thumb{background-color:#998fc74d;border-radius:3px}.FAQ::-webkit-scrollbar-thumb:hover{background-color:#998fc799}.FAQ .text-wrapper,.FAQ .div,.FAQ .text-wrapper-3,.FAQ .text-wrapper-5,.FAQ .text-wrapper-9{word-wrap:break-word;color:var(--color-accent-dark)!important;font-family:var(--font-family)!important;text-align:left!important;font-size:var(--fs-body)!important;font-weight:var(--fw-bold)!important;margin:0 0 2px!important;line-height:1.4!important}.FAQ .vi-t-t-t-c-a-bach,.FAQ .p,.FAQ .text-wrapper-2,.FAQ .text-wrapper-4,.FAQ .text-wrapper-6,.FAQ .text-wrapper-7,.FAQ .text-wrapper-8,.FAQ .text-wrapper-10{white-space:normal;word-break:break-word;color:var(--color-text-secondary)!important;font-family:var(--font-family)!important;font-size:13.5px!important;font-weight:var(--fw-regular)!important;text-align:justify!important;margin:0!important;line-height:1.6!important}@media (width<=580px){.FAQ{padding:24px 18px;border-radius:var(--card-radius-sm)!important}.FAQ .faq-title{margin-bottom:8px!important;font-size:18px!important}.FAQ-close-btn-absolute{font-size:24px;top:16px;right:16px}}.progress-container{flex-direction:column;gap:6px;width:100%;display:flex}.progress-text{color:#000;align-self:flex-end;font-family:Inter-Light,Helvetica;font-size:10px;font-weight:300;line-height:normal}.progress-track{background-color:#d9d9d9;border-radius:20px;width:100%;height:6px;position:relative;overflow:hidden}.progress-fill{background-color:#7c41e7;border-radius:20px;height:100%;transition:width .5s linear}.footer__container_01{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--color-border-subtle);background-color:#fff9;justify-content:center;align-items:center;width:100%;margin-top:60px;padding:40px 20px;display:flex;z-index:100!important;position:relative!important}.footer__content_01{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:40px;width:100%;max-width:1200px;display:flex}.footer__info_01{text-align:left;flex-direction:column;align-items:flex-start;gap:10px;max-width:380px;display:flex}.footer__brand_01{align-items:baseline;gap:6px;display:flex}.footer__logo-text_01{font-family:var(--font-family);font-weight:var(--fw-bold);color:var(--color-accent);letter-spacing:.5px;font-size:24px}.footer__tagline_01{font-family:var(--font-family);font-weight:var(--fw-medium);color:var(--color-primary);font-size:14px}.footer__credit-slider-wrapper_01{justify-content:space-between;align-items:center;width:100%;max-width:380px;height:175px;margin:10px 0;display:flex;position:relative}.footer__credit-slider_01{box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;padding:8px 0 20px;display:flex;position:relative;overflow:hidden}.footer__member-card-content_01{flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;width:270px;margin:0 auto;display:flex}.footer__member-avatar-wrapper_01{border:1.5px solid var(--color-primary);background-color:var(--color-primary-light);border-radius:6px;flex-shrink:0;width:100px;height:150px;overflow:hidden;box-shadow:0 4px 12px #7b61ff26}.footer__member-avatar_01{object-fit:cover;width:100%;height:100%;display:block}.footer__member-details_01{text-align:left;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:4px;height:auto;max-height:100%;display:flex;overflow:hidden}.footer__member-name_01{font-family:var(--font-family);font-size:16px;font-weight:var(--fw-bold);color:var(--color-text-body);text-align:left;margin:0;line-height:1.2}.footer__member-name_01--small{font-family:var(--font-family);font-size:14px;font-weight:var(--fw-bold);color:var(--color-text-body);text-align:left;white-space:nowrap;margin:0;line-height:1.2}.footer__member-role_01{font-family:var(--font-family);font-size:10.5px;font-weight:var(--fw-semibold);color:var(--color-accent);text-align:left;background-color:#7b61ff1a;border-radius:12px;margin:2px 0 0;padding:2px 8px;display:inline-block}.footer__member-quote_01{font-family:var(--font-family);color:var(--color-text-secondary);text-align:left;white-space:normal;word-break:break-word;-webkit-line-clamp:10;-webkit-box-orient:vertical;margin:2px 0 0;font-size:12px;font-style:italic;line-height:1.4;display:-webkit-box;overflow:hidden}.footer__member-quote_01--small{font-size:10px;line-height:1.3;overflow:visible}.footer__member-quote_01--verysmall{margin-bottom:0;font-size:7.5px;line-height:1.2}.footer__member-quote_01 strong{font-family:var(--font-family);font-weight:var(--fw-bold);font-style:italic}.footer__member-quote_01 strong:nth-of-type(7n+1){color:#e40303}.footer__member-quote_01 strong:nth-of-type(7n+2){color:#ff8c00}.footer__member-quote_01 strong:nth-of-type(7n+3){color:#e9da07}.footer__member-quote_01 strong:nth-of-type(7n+4){color:#008026}.footer__member-quote_01 strong:nth-of-type(7n+5){color:#24408e}.footer__member-quote_01 strong:nth-of-type(7n+6){color:#732982}.footer__member-quote_01 strong:nth-of-type(7n+7){color:#9b5de5}.footer__credit-page-indicator_01{font-family:var(--font-family);font-size:10px;font-weight:var(--fw-semibold);color:var(--color-text-muted);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.footer__credit-nav-btn_01{border:1px solid var(--color-border-medium);width:28px;height:28px;color:var(--color-accent-dark);cursor:pointer;z-index:10;background-color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 2px 6px #998fc71a}.footer__credit-nav-btn_01:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:scale(1.05)}.footer__credit-nav-btn_01:active{transform:scale(.95)}.footer__slide-from-right_01{animation:.5s cubic-bezier(.25,1,.5,1) forwards footerSlideFromRight}.footer__slide-from-left_01{animation:.5s cubic-bezier(.25,1,.5,1) forwards footerSlideFromLeft}@keyframes footerSlideFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes footerSlideFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.footer__description_01{font-family:var(--font-family);font-weight:var(--fw-light);color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.6}.footer__meta_01{text-align:right;flex-direction:column;align-items:flex-end;gap:12px;width:100%;max-width:530px;display:flex}.footer__text_01{font-family:var(--font-family);font-weight:var(--fw-regular);color:var(--color-text-body);margin:0;font-size:13px;line-height:1.5}.footer__text_01 strong{color:var(--color-accent);font-weight:var(--fw-semibold)}.footer__links_01{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;font-size:12px;display:flex}.footer__link_01{color:var(--color-primary);font-family:var(--font-family);font-weight:var(--fw-medium);text-decoration:none;transition:all .2s ease-in-out;position:relative}.footer__link_01:after{content:"";background-color:var(--color-accent);transform-origin:100% 100%;width:100%;height:1.5px;transition:transform .25s ease-out;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.footer__link_01:hover{color:var(--color-accent)}.footer__link_01:hover:after{transform-origin:0 100%;transform:scaleX(1)}.footer__separator_01{color:#998fc766}.footer__copyright_01{color:var(--color-text-muted);font-family:var(--font-family);font-weight:var(--fw-light)}@media (width<=768px){.footer__content_01{text-align:center;flex-direction:column;align-items:center;gap:30px}.footer__info_01{align-items:center;max-width:100%}.footer__brand_01{justify-content:center}.footer__meta_01{text-align:center;align-items:center;width:100%}.footer__links_01{justify-content:center}}.footer__container_01 .member-socials{cursor:pointer;justify-content:flex-start;align-items:center;gap:8px;margin-top:0;display:flex}.footer__container_01 .member-social-btn{background-color:var(--color-primary-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.footer__container_01 .member-social-btn img{filter:grayscale();opacity:.7;width:13px;height:13px;transition:all .2s;display:block}.footer__container_01 .member-social-btn:hover{background-color:var(--color-accent);transform:translateY(-2px)}.footer__container_01 .member-social-btn:hover img{filter:grayscale(0%)brightness(0)invert();opacity:1}.footer__special-thanks_01{font-family:var(--font-family);font-size:var(--fs-caption);font-weight:var(--fw-light);color:var(--color-text-muted);text-align:right;width:100%;margin-top:8px;margin-bottom:0;line-height:1.4}.footer__special-thanks_01 span{font-weight:var(--fw-semibold);color:var(--color-text-secondary)}@media (width<=768px){.footer__special-thanks_01{text-align:center;align-self:center;max-width:100%;margin-top:12px}}.bkti-navbar{-webkit-backdrop-filter:blur(12px);z-index:999;box-sizing:border-box;background-color:#fff9;border-bottom:1px solid #998fc726;justify-content:center;align-items:center;width:100%;height:72px;transition:all .3s;display:flex;position:fixed;top:0;left:0}.bkti-navbar__container{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:0 24px;display:flex}.bkti-navbar__logo-area{align-items:center;gap:16px;display:flex}.bkti-navbar__cse-btn{cursor:pointer;background:0 0;border:none;outline:none;align-items:center;padding:0;transition:transform .2s,opacity .2s;display:flex}.bkti-navbar__cse-btn:hover{opacity:.8;transform:scale(1.05)}.bkti-navbar__cse-img{object-fit:contain;width:auto;height:60px;transition:height .3s}.bkti-navbar__logo{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.bkti-navbar__logo-img{object-fit:contain;width:auto;height:48px;transition:height .3s}.bkti-navbar__logo-text-group{flex-direction:column;justify-content:center;align-items:flex-start;line-height:1.1;display:flex}.bkti-navbar__logo-title{color:#7b61ff;letter-spacing:.5px;font-family:Inter,sans-serif;font-size:26px;font-weight:800}.bkti-navbar__logo-subtitle{color:#7b61ff;letter-spacing:.1px;margin-top:2px;font-family:Inter,sans-serif;font-size:11px;font-weight:700}.bkti-navbar__menu{align-items:center;gap:32px;display:flex}.bkti-navbar__link{color:#6e6494;cursor:pointer;background:0 0;border:none;outline:none;padding:8px 0;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:color .2s;position:relative}.bkti-navbar__link:hover{color:#7b61ff}.bkti-navbar__link:after{content:"";transform-origin:100% 100%;background-color:#7b61ff;width:100%;height:2px;transition:transform .25s ease-out;position:absolute;bottom:0;left:0;transform:scaleX(0)}.bkti-navbar__link:hover:after,.bkti-navbar__link--active:after{transform-origin:0 100%;transform:scaleX(1)}.bkti-navbar__link--active{color:#7b61ff}.bkti-navbar__burger{cursor:pointer;z-index:1001;background:0 0;border:none;outline:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;padding:0;display:none}.bkti-navbar__burger-line{background-color:#554880;border-radius:2px;width:100%;height:2.5px;transition:all .3s}.bkti-navbar__burger--open .bkti-navbar__burger-line:first-child{transform:translateY(8px)rotate(45deg)}.bkti-navbar__burger--open .bkti-navbar__burger-line:nth-child(2){opacity:0}.bkti-navbar__burger--open .bkti-navbar__burger-line:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.bkti-navbar__mobile-menu{-webkit-backdrop-filter:blur(12px);z-index:998;background-color:#fffffffa;border-bottom:1px solid #998fc726;flex-direction:column;align-items:center;gap:16px;width:100%;padding:16px 0;transition:transform .3s ease-in-out;display:flex;position:fixed;top:72px;left:0;transform:translateY(-150%)}.bkti-navbar__mobile-menu--open{transform:translateY(0)}.bkti-navbar__mobile-link{color:#6e6494;text-align:center;cursor:pointer;background:0 0;border:none;outline:none;width:100%;padding:8px 0;font-family:Inter,sans-serif;font-size:16px;font-weight:600;transition:color .2s}.bkti-navbar__mobile-link:hover,.bkti-navbar__mobile-link--active{color:#7b61ff}@media (width<=868px){.bkti-navbar{height:60px}.bkti-navbar__logo-img{height:36px}.bkti-navbar__cse-img{height:45px}.bkti-navbar__logo-area{gap:10px}.bkti-navbar__logo-title{font-size:19px}.bkti-navbar__logo-subtitle{font-size:9px}.bkti-navbar__menu{display:none}.bkti-navbar__burger{display:flex}.bkti-navbar__mobile-menu{top:60px}}.bkti-navbar__link--disabled,.bkti-navbar__mobile-link--disabled{color:#a8a2c2!important;opacity:.55!important;cursor:not-allowed!important;pointer-events:none!important;text-decoration:line-through!important}.bkti-navbar__link--disabled:after{display:none!important}.tech-background-wrapper{pointer-events:none;z-index:0;box-sizing:border-box;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.tech-background-grid{background-image:radial-gradient(at 0 0,#f4f0ffe6 0,#0000 50%),radial-gradient(at 100% 0,#e6dcffcc 0,#0000 50%),linear-gradient(#8b5cf60a 1px,#0000 1px),linear-gradient(90deg,#8b5cf60a 1px,#0000 1px),linear-gradient(252deg,#f9f8fb 0%,#ebddff 100%);background-size:100% 100%,100% 100%,30px 30px,30px 30px,100% 100%;width:100%;height:100%;position:absolute;top:0;left:0}.tech-background-particles{width:100%;height:100%;position:absolute;top:0;left:0}.floating-particle{color:#8b5cf62e;-webkit-user-select:none;user-select:none;will-change:transform;filter:drop-shadow(0 2px 6px #8b5cf61f);font-family:Courier New,Courier,monospace,Inter,sans-serif;font-weight:700;animation:ease-in-out infinite alternate float-around-3d;display:inline-block;position:absolute}@keyframes float-around-3d{0%{transform:translate(0,0)rotate(0)}50%{color:#6366f152;transform:translate(15px,-20px)rotate(180deg)}to{transform:translate(-15px,-40px)rotate(360deg)}}.answer-page-wrapper{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex;position:relative}.test-page{width:100%;max-width:1440px;margin:0 auto;position:relative;box-sizing:border-box!important;flex-direction:column!important;align-items:center!important;gap:60px!important;height:auto!important;min-height:auto!important;padding:130px 24px 0!important;display:flex!important;overflow:visible!important}.test-page .header{background-color:#0000;width:100%;height:104px;position:absolute;top:0;left:0}.test-page .nav-frame{background-color:#fff;border:none;border-radius:22px;outline:none;justify-content:center;align-items:center;gap:10px;padding:3px 0;display:inline-flex;position:absolute;top:44px}.test-page .frame-2{left:calc(50% - 486px);box-shadow:0 0 0 2px #998fc7}.test-page .frame-3{left:calc(50% + 380px);box-shadow:0 0 0 2px #998fc7}.test-page .frame-4:hover{background-color:#998fc7}.test-page .frame-4:hover .text-wrapper-10{color:#fff}.test-page .nav-text{color:#000;font-family:var(--font-family);font-size:16px;font-weight:var(--fw-semibold);letter-spacing:0;text-align:center;justify-content:center;align-items:center;margin-top:-1px;line-height:normal;display:flex;position:relative}.test-page .text-wrapper-8{width:160px}.test-page .text-wrapper-9{width:73px}.test-page .nav-logo{cursor:pointer;background:0 0;border:none;outline:none;padding:0;transition:opacity .25s;position:absolute;top:0;left:50%;transform:translate(-50%)}.test-page .nav-logo:hover{opacity:.8}.test-page .nav-logo-img{object-fit:contain;width:175px;height:97px}.test-page .div{display:none!important}.test-page .question-container .progress-bar-wrap{width:78%;position:absolute;top:-64px;left:50%;transform:translate(-50%)}.test-page .question-container{width:854px;height:120px;position:absolute;top:103px;left:58px}.test-page .question-container .rectangle-6{background:linear-gradient(135deg,#e7edff 0%,#c8d7ff 100%);border-radius:32px;width:100%;height:100%;position:absolute;top:0;left:0}.test-page .question-container .rectangle-9{background:linear-gradient(135deg,#5c6bf6 0%,#2834d9 100%);border-radius:32px;width:93px;height:100%;position:absolute;top:0;left:0}.test-page .question-container .question-label-wrap{justify-content:center;align-items:center;width:93px;height:100%;display:flex;position:absolute;top:0;left:0}.test-page .text-wrapper-7{color:#fff;font-family:var(--font-family);font-size:var(--fs-heading-sm);font-weight:var(--fw-bold);letter-spacing:0;text-align:center;white-space:nowrap;justify-content:center;align-items:center;height:24px;line-height:normal;display:flex;position:relative}.test-page .question-container .question-text-wrap{box-sizing:border-box;align-items:center;width:714px;height:100%;padding-right:24px;display:flex;position:absolute;top:0;left:116px}.test-page .question-text,.test-page .lorem-ipsum-dolor-3{box-sizing:border-box;color:#000;font-family:var(--font-family);font-size:16px;font-weight:var(--fw-semibold);letter-spacing:0;overflow-wrap:break-word;text-align:left;word-break:break-word;width:100%;max-height:100%;margin:0;line-height:1.5;position:relative;overflow-y:auto}.test-page .answers-container{flex-direction:column;justify-content:center;gap:20px;width:858px;height:270px;display:flex;position:absolute;top:244px;left:58px}.test-page .answer-btn{cursor:pointer;text-align:left;width:100%;height:72px;padding:0;animation:.3s ease-in-out popIn;position:relative;background-color:#eee3ff!important;border:1.5px solid #0000!important;border-radius:20px!important;transition:all .25s cubic-bezier(.25,.8,.25,1)!important;overflow:hidden!important}.test-page .answer-btn *{pointer-events:none}.test-page .answer-btn:hover{border-color:#8b5cf64d!important;transform:translateY(-2px)scale(1.01)!important;box-shadow:0 8px 20px #8b5cf61a!important}.test-page .answer-btn.answer-btn--selected{background:linear-gradient(135deg,#e9e2ff 0%,#d2c8ff 100%)!important;border-color:#8b5cf6!important;box-shadow:0 8px 24px #8b5cf62e!important}.test-page .answer-btn.answer-btn--selected .answer-highlight{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%)!important}.test-page .answer-btn.answer-btn--selected .answer-label{color:#fff!important}.test-page .group,.test-page .group-4,.test-page .group-5{background-color:#f9f5ff;border-radius:20px}.test-page .group-6{top:605px}.test-page .answer-highlight{background-color:#d4c2fc;position:absolute;top:0;border-radius:0 20px 20px 0!important}.test-page .rectangle-2{width:61px;height:100%;left:0}.test-page .rectangle-7{background-color:#f9f5ff;border-radius:20px;width:854px;height:64px;position:absolute;top:0;left:calc(50% - 429px)}.test-page .rectangle-8{width:61px;height:64px;left:calc(50% - 429px)}.test-page .answer-label{color:#000;font-family:var(--font-family);font-size:var(--fs-heading-sm);font-weight:var(--fw-bold);letter-spacing:0;text-align:center;white-space:nowrap;justify-content:center;align-items:center;line-height:normal;display:flex;position:absolute}.test-page .text-wrapper,.test-page .text-wrapper-6{height:24px;top:50%;left:23px;transform:translateY(-50%)}.test-page .answer-text{color:#000;font-family:var(--font-family);font-size:16px;font-weight:var(--fw-semibold);letter-spacing:0;justify-content:flex-start;align-items:center;line-height:1.4;display:flex;position:absolute;inset:0 24px 0 101px}.test-page .nav-btn{cursor:pointer;background-color:#d9d9d9;border:none;border-radius:30px;width:119px;height:46px;transition:background-color .25s ease-in-out;display:flex;position:absolute}.test-page .nav-btn:hover{background-color:#c4c4c4}.test-page .nav-btn:disabled{cursor:not-allowed;opacity:.5}.test-page .nav-btn:disabled:hover{background-color:#d9d9d9}.test-page .question-container .nav-btn-container{justify-content:space-between;width:100%;display:flex;position:absolute;top:433px;left:0;right:0}.test-page .question-container .nav-btn-container .nav-btn{position:relative}.test-page .text-wrapper-2{color:#000;font-family:var(--font-family);font-size:16px;font-weight:var(--fw-semibold);letter-spacing:0;text-align:center;justify-content:center;align-items:center;width:119px;height:36px;margin-top:5px;line-height:normal;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.answer-highlight.active-bg{background-color:#bb9fe0!important}.nav-btn.disabled-btn{opacity:.4;cursor:not-allowed;pointer-events:none}.main-card-wrapper{z-index:10;box-sizing:border-box;border-radius:38px;width:971px;height:630px;-webkit-backdrop-filter:blur(28px)!important;background:#ffffff61!important;border:1px solid #ffffff80!important;margin:0 auto!important;position:relative!important;top:auto!important;left:auto!important;box-shadow:0 8px 32px #998fc726!important}.test-page .quiz-intro-section{z-index:5;flex-direction:column;align-items:center;gap:40px;width:100%;max-width:971px;margin:0 auto;animation:.6s ease-out fadeInDown;display:flex}.test-page .quiz-intro-header{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.test-page .quiz-intro-logo{object-fit:contain;filter:drop-shadow(0 4px 10px #8b5cf626);width:auto;height:70px}.test-page .quiz-intro-title{font-family:var(--font-family);font-size:36px;font-weight:var(--fw-bold);color:#1e1548;letter-spacing:-.5px;margin:0}.test-page .quiz-intro-subtitle{font-family:var(--font-family);font-size:18px;font-weight:var(--fw-medium);color:#6d62a9;margin:0}.test-page .quiz-steps-grid{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;display:grid}.test-page .quiz-step-card{text-align:center;box-sizing:border-box;border-radius:20px;flex-direction:column;align-items:center;padding:32px 24px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;-webkit-backdrop-filter:blur(20px)!important;background:#ffffff73!important;box-shadow:0 8px 30px #998fc71f!important}.test-page .step-card-blue{border-top:5px solid #3e53a0!important}.test-page .step-card-green{border-top:5px solid #28a745!important}.test-page .step-card-purple{border-top:5px solid #8b5cf6!important}.test-page .step-image-wrap{justify-content:center;align-items:center;height:90px;margin-bottom:20px;display:flex}.test-page .step-image{object-fit:contain;width:auto;height:80px}.test-page .step-badge{font-family:var(--font-family);font-size:11px;font-weight:var(--fw-bold);letter-spacing:1px;border-radius:12px;margin-bottom:12px;padding:4px 10px;display:inline-block}.test-page .step-card-blue .step-badge{color:#3e53a0;background-color:#3e53a01a}.test-page .step-card-green .step-badge{color:#28a745;background-color:#28a7451a}.test-page .step-card-purple .step-badge{color:#8b5cf6;background-color:#8b5cf61a}.test-page .step-title{font-family:var(--font-family);font-size:18px;font-weight:var(--fw-bold);color:#1e1548;margin:0 0 10px}.test-page .step-desc{font-family:var(--font-family);font-size:var(--fs-body-sm);font-weight:var(--fw-regular);color:#5c538a;margin:0;line-height:1.5}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (width<=992px){.test-page{flex-direction:column!important;align-items:center!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:auto!important;padding:90px 16px 0!important;display:flex!important;overflow:hidden visible!important}.test-page .rectangle,.test-page .shape-left,.test-page .shape-right{display:none!important}.test-page .header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;width:100%!important;height:104px!important;box-shadow:none!important;z-index:200!important;box-sizing:border-box!important;background-color:#0000!important;justify-content:space-between!important;align-items:center!important;padding:0 16px!important;display:flex!important;position:absolute!important;top:0!important;left:0!important}.test-page .nav-logo{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.test-page .nav-logo-img{object-fit:contain!important;width:100px!important;height:50px!important}.test-page .nav-frame{border-radius:18px!important;height:36px!important;padding:0 12px!important;position:static!important;top:auto!important;left:auto!important;right:auto!important}.test-page .nav-text{width:auto!important;font-size:13px!important}.test-page .text-wrapper-8,.test-page .text-wrapper-9,.test-page .text-wrapper-10{width:auto!important;padding:0 6px!important}.test-page .main-card-wrapper{-webkit-backdrop-filter:blur(28px)!important;box-sizing:border-box!important;background:#ffffff61!important;border:1px solid #ffffff80!important;border-radius:20px!important;flex-direction:column!important;width:100%!important;max-width:580px!important;height:auto!important;padding:24px 20px!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important;box-shadow:0 8px 32px #998fc726!important}.test-page .div{display:none!important}.test-page .question-container{box-sizing:border-box!important;border-radius:24px!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;width:100%!important;height:auto!important;min-height:auto!important;margin-top:40px!important;margin-bottom:16px!important;padding:24px 20px!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important;overflow:hidden!important}.test-page .question-container .progress-bar-wrap{box-sizing:border-box!important;width:100%!important;padding:0 10px!important;position:absolute!important;top:-36px!important;left:50%!important;transform:translate(-50%)!important}.test-page .question-card{z-index:1!important;border-radius:24px!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.test-page .question-highlight{display:none!important}.test-page .question-label-wrap{z-index:2!important;background-color:#3e53a0!important;border-radius:20px!important;justify-content:center!important;align-items:center!important;width:auto!important;height:auto!important;padding:6px 14px!important;display:inline-flex!important;position:relative!important;top:auto!important;left:auto!important}.test-page .question-label{color:#fff!important;font-size:13px!important;font-weight:700!important;line-height:1!important}.test-page .question-text-wrap{z-index:2!important;align-items:center!important;width:100%!important;height:auto!important;min-height:auto!important;margin-left:0!important;padding:4px 0 8px!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important}.test-page .question-text{font-family:var(--font-family)!important;font-size:16px!important;line-height:1.5!important;font-weight:var(--fw-semibold)!important;color:#1e1548!important;text-align:left!important}.test-page .answers-container{flex-direction:column!important;gap:12px!important;width:100%!important;height:auto!important;margin-bottom:16px!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important}.test-page .answer-btn{border-radius:20px!important;width:100%!important;height:auto!important;min-height:60px!important;position:relative!important;top:auto!important;left:auto!important;overflow:hidden!important}.test-page .answer-highlight{border-radius:0 20px 20px 0!important;width:52px!important;height:100%!important;top:0!important;left:0!important}.test-page .rectangle-7{border-radius:20px!important;width:100%!important;height:100%!important;top:0!important;left:0!important}.test-page .text-wrapper,.test-page .text-wrapper-6{height:auto!important;top:50%!important;left:19px!important;transform:translateY(-50%)!important}.test-page .answer-text{box-sizing:border-box!important;align-items:center!important;width:100%!important;min-height:60px!important;padding:12px 16px 12px 68px!important;font-size:14px!important;line-height:1.4!important;display:flex!important;position:relative!important;inset:0 auto auto 0!important}.test-page .nav-btn-container{flex-direction:row!important;justify-content:space-between!important;gap:16px!important;width:100%!important;margin-top:24px!important;display:flex!important}.test-page .nav-btn{border-radius:30px!important;flex-grow:1!important;justify-content:center!important;align-items:center!important;width:calc(50% - 8px)!important;height:48px!important;margin-bottom:0!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important}.test-page .text-wrapper-2{width:100%!important;height:auto!important;margin-top:0!important}.test-page .text-wrapper-7{font-size:14px!important}.test-page .quiz-intro-section{gap:32px!important;padding:0 16px!important}.test-page .quiz-intro-title{font-size:26px!important}.test-page .quiz-intro-subtitle{font-size:15px!important}.test-page .quiz-steps-grid{grid-template-columns:1fr!important;gap:16px!important}.test-page .quiz-step-card{padding:24px 16px!important}.test-page .step-image-wrap{height:80px!important}.test-page .step-image{height:70px!important}}.spider-chart-wrapper{box-sizing:border-box;opacity:0;justify-content:center;align-items:center;width:100%;margin:0 auto;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);display:flex;transform:scale(.85);box-shadow:none!important;background-color:#0000!important;border-radius:0!important;max-width:100%!important;height:420px!important;padding:0!important}.spider-chart-wrapper.fade-in{opacity:1;transform:scale(1)}.spider-chart-wrapper canvas{max-width:100%!important;height:auto!important}.resultpage{box-sizing:border-box;width:100%;max-width:1440px;min-height:100vh;font-family:var(--font-family);background:0 0;margin:0 auto;position:relative;padding:20px 24px 40px!important}.resultpage .header{width:100%;height:50px;position:absolute;top:0;left:0}.resultpage .nav-frame{background-color:#fff;border:none;border-radius:22px;outline:none;justify-content:center;align-items:center;gap:10px;padding:3px 0;display:inline-flex;position:absolute;top:44px}.resultpage .frame-5{left:calc(50% - 486px);box-shadow:0 0 0 2px #998fc7}.resultpage .frame-6{left:calc(50% + 380px);box-shadow:0 0 0 2px #998fc7}.resultpage .frame-7:hover{background-color:#998fc7}.resultpage .frame-7:hover .text-wrapper-14{color:#fff}.resultpage .nav-logo{cursor:pointer;background:0 0;border:none;outline:none;padding:0;transition:opacity .25s;position:absolute;top:0;left:50%;transform:translate(-50%)}.resultpage .nav-logo:hover{opacity:.8}.resultpage .nav-logo-img{object-fit:contain;width:175px;height:97px}.resultpage .nav-text{color:#000;font-family:var(--font-family);letter-spacing:0;text-align:center;justify-content:center;align-items:center;margin-top:-1px;font-size:16px;font-weight:600;line-height:normal;display:flex;position:relative}.resultpage .text-wrapper-12{width:160px}.resultpage .text-wrapper-13{width:73px}.result-container{box-sizing:border-box;flex-direction:row;align-items:stretch;gap:12px;width:100%;max-width:971px;margin:0 auto;display:flex}.result-block-1{box-sizing:border-box;background-color:#fff;border-radius:25px;flex-direction:column;flex:534px;gap:20px;min-width:320px;padding:40px;display:flex;box-shadow:1px 4px 21.2px #998fc769}.result-block-1 .personality-img{align-self:center;max-width:240px;margin-bottom:20px}.result-block-1 .subtitle{font-family:var(--font-family);color:#6b7280;font-size:18px;font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:1px}.result-block-1 .title{font-family:var(--font-family);font-size:40px;font-weight:var(--fw-bold);color:#1f2937;margin:0}.result-block-1 .desc{font-family:var(--font-family);color:#4b5563;text-align:justify;font-size:16px;line-height:1.6}.desc-toggle-btn{color:#7c41e7;font-family:var(--font-family);font-size:14px;font-weight:var(--fw-semibold);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:4px 0;transition:opacity .2s;display:none}.desc-toggle-btn:hover{opacity:.7}.result-block-2{border-radius:var(--card-radius);min-width:320px;box-shadow:var(--color-shadow-card);box-sizing:border-box;gap:var(--sp-24);background-color:#fff;flex-direction:column;flex:425px;align-items:center;padding:40px 24px;display:flex}.result-section{gap:var(--sp-8);width:100%;padding-bottom:var(--sp-24);border-bottom:1px solid var(--color-border-subtle);flex-direction:column;display:flex}.result-section:last-child{border-bottom:none;padding-bottom:0}.result-section-title{font-family:var(--font-family);font-size:var(--fs-heading-sm);font-weight:var(--fw-bold);color:var(--color-accent-dark);text-align:left;margin:0}.result-section-desc{font-family:var(--font-family);font-size:var(--fs-caption);color:var(--color-text-secondary);margin:0 0 var(--sp-4) 0;text-align:left;line-height:1.4}.result-advice-container{gap:var(--sp-12);width:100%;margin-top:var(--sp-4);flex-direction:column;display:flex}.result-advice-item{gap:var(--sp-8);align-items:flex-start;display:flex}.result-advice-bullet{color:var(--color-accent);font-size:var(--fs-caption);-webkit-user-select:none;user-select:none;line-height:1.5}.result-advice-content{text-align:left;flex-direction:column;display:flex}.result-advice-title{font-family:var(--font-family);font-size:var(--fs-body-sm);font-weight:var(--fw-bold);color:var(--color-accent-dark);margin-bottom:2px}.result-advice-text{font-family:var(--font-family);font-size:var(--fs-body-sm);color:var(--color-text-body);line-height:1.4}.result-chart{justify-content:center;align-items:center;width:100%;display:flex}.stats-container{flex-direction:column;gap:16px;width:100%;display:flex}.result-actions{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin-top:12px;display:flex}.back-btn,.save-answer-btn{color:#4b2aa5;font-family:var(--font-family);cursor:pointer;background-color:#fff;border:2px solid #4b2aa5;border-radius:30px;padding:12px 24px;font-size:16px;font-weight:600;transition:background-color .2s,transform .2s;box-shadow:0 4px 12px #d4c2fc66}.back-btn:hover,.save-answer-btn:hover{background-color:#c5b0f8;transform:translateY(-2px)}.save-answer-btn{color:#fff;background-color:#4b2aa5;box-shadow:0 4px 12px #4b2aa559}.save-answer-btn:hover{background-color:#3d2288}.retry-btn{color:#4b2aa5;font-family:var(--font-family);cursor:pointer;background-color:#d4c2fc;border:none;border-radius:30px;padding:12px 24px;font-size:16px;font-weight:600;transition:background-color .2s,transform .2s}.retry-btn:hover{background-color:#f3eefc;transform:translateY(-2px)}.result-actions .retry-btn,.result-actions .save-answer-btn{flex:calc(50% - 6px);min-width:120px}.result-actions .back-btn{width:100%}@media (width<=768px){.resultpage{padding:20px 12px 30px!important}.resultpage .header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;width:100%!important;height:104px!important;box-shadow:none!important;z-index:200!important;box-sizing:border-box!important;background-color:#0000!important;justify-content:space-between!important;align-items:center!important;padding:0 16px!important;display:flex!important;position:absolute!important;top:0!important;left:0!important}.resultpage .nav-logo{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.resultpage .nav-logo-img{object-fit:contain!important;width:100px!important;height:50px!important}.resultpage .nav-frame{border-radius:18px!important;height:36px!important;padding:0 12px!important;position:static!important;top:auto!important;left:auto!important;right:auto!important}.resultpage .nav-text{width:auto!important;font-size:13px!important}.resultpage .text-wrapper-12,.resultpage .text-wrapper-13,.resultpage .text-wrapper-14{width:auto!important;padding:0 6px!important}.result-container{box-sizing:border-box!important;flex-direction:column!important;gap:20px!important;width:100%!important;margin:0 auto 40px!important;padding:0!important;position:static!important}.result-block-1{box-sizing:border-box!important;border-radius:20px!important;gap:20px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:24px!important}.result-block-2{box-sizing:border-box!important;border-radius:20px!important;gap:16px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:24px!important}.result-section{padding-bottom:16px!important}.result-section:last-child{padding-bottom:0!important}.result-block-1 .personality-img{width:100%!important;max-width:100%!important;height:auto!important}.result-section-title{font-size:18px!important}.result-section-desc{font-size:var(--fs-caption)!important}.result-block-1 .desc{-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;display:-webkit-box!important;overflow:hidden!important}.result-block-1 .desc--expanded{-webkit-line-clamp:unset!important;overflow:visible!important}.desc-toggle-btn{display:inline-block!important}.result-chart{width:100%!important;height:240px!important;max-height:240px!important;overflow:hidden!important}.resultpage .spider-chart-wrapper{height:240px!important}.result-block-1 .title{font-size:28px!important}.result-block-1 .subtitle{font-size:14px!important}.result-actions{margin-top:16px!important}.result-actions .retry-btn,.result-actions .save-answer-btn{flex:100%!important;width:100%!important}.back-btn{align-self:stretch!important}}.result-hero-section{z-index:1;text-align:center;box-sizing:border-box;background-image:url(/image/bg.webp?v=2);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;height:320px;margin-top:72px;margin-bottom:20px;padding:40px 24px;display:flex;position:relative;overflow:hidden}.result-hero-content{z-index:2;flex-direction:column;align-items:center;gap:12px;max-width:800px;display:flex}.result-hero-title{font-family:var(--font-family);color:#1e1b4b;text-shadow:0 2px 10px #fff9;margin:0;font-size:38px;font-weight:800;line-height:1.25}.result-hero-subtitle{font-family:var(--font-family);color:#312e81;text-shadow:0 1px 8px #fff9;margin:0;font-size:16px;font-weight:500;line-height:1.4}.result-share-area{box-sizing:border-box;background:0 0;flex-direction:column;gap:24px;width:100%;padding:30px;display:flex;border-radius:0!important}.result-share-branding{-webkit-backdrop-filter:blur(12px);box-sizing:border-box;background:#ffffffa6;border:1px solid #ffffff80;border-radius:20px;justify-content:space-between;align-items:center;width:100%;margin-top:12px;padding:16px 24px;display:flex}.result-share-branding .branding-left{align-items:center;gap:12px;display:flex}.result-share-branding .branding-logo{object-fit:contain;width:40px;height:40px}.result-share-branding .branding-text{flex-direction:column;align-items:flex-start;display:flex}.result-share-branding .brand-name{font-family:var(--font-family);font-size:16px;font-weight:var(--fw-bold);color:var(--color-accent-dark);line-height:1.1}.result-share-branding .brand-desc{font-family:var(--font-family);color:var(--color-text-secondary);margin-top:2px;font-size:11px;font-weight:500}.result-share-branding .brand-url{font-family:var(--font-family);font-size:14px;font-weight:var(--fw-bold);color:var(--color-accent)}.result-actions-outer{box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;width:100%;margin-top:40px;margin-bottom:20px;display:flex}.result-actions-outer button{cursor:pointer;font-family:var(--font-family);font-size:15px;font-weight:var(--fw-semibold);box-sizing:border-box;border:none;border-radius:20px;padding:14px 28px;transition:all .25s}.result-actions-outer .retry-btn{background-color:var(--color-primary-light);color:var(--color-accent-dark)}.result-actions-outer .retry-btn:hover{background-color:var(--color-primary);transform:translateY(-2px)}.result-actions-outer .save-answer-btn{background-color:var(--color-accent);color:#fff;box-shadow:var(--color-shadow-btn-primary)}.result-actions-outer .save-answer-btn:hover{background-color:var(--color-accent-dark);transform:translateY(-2px)}.result-actions-outer .back-btn{color:var(--color-accent-dark);background-color:#0000;width:auto;border:1.5px solid var(--color-accent-dark)!important}.result-actions-outer .back-btn:hover{background-color:#55488014;transform:translateY(-2px)}@media (width<=768px){.result-hero-section{height:auto!important;min-height:220px!important;margin-top:60px!important;padding:40px 16px!important}.result-hero-title{font-size:24px!important}.result-hero-subtitle{font-size:13.5px!important}.result-share-area{border-radius:0!important;gap:16px!important;padding:16px!important}.result-share-branding{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:8px!important;padding:12px 16px!important}.result-share-branding .branding-left{flex-direction:column!important;align-items:center!important;gap:6px!important}.result-share-branding .branding-text{align-items:center!important}.result-actions-outer{flex-direction:column!important;gap:12px!important;padding:0 16px!important}.result-actions-outer button{width:100%!important}}.resultpage .result-share-area.is-capturing{background:linear-gradient(252deg,#f9f8fb 0%,#ebddff 100%)!important;width:971px!important;padding:30px!important}.resultpage .result-share-area.is-capturing .result-container{flex-direction:row!important;gap:12px!important;width:100%!important;margin:0 auto 40px!important;padding:0!important}.resultpage .result-share-area.is-capturing .result-block-1{flex:534px!important;min-width:320px!important;max-width:534px!important;padding:40px!important}.resultpage .result-share-area.is-capturing .result-block-1 .personality-img{align-self:center!important;width:100%!important;max-width:450px!important;margin-bottom:20px!important}.resultpage .result-share-area.is-capturing .result-block-2{gap:var(--sp-24)!important;flex:425px!important;min-width:320px!important;max-width:425px!important;padding:40px 24px!important}.resultpage .result-share-area.is-capturing .result-chart{width:100%!important;height:420px!important;max-height:420px!important;overflow:visible!important}.resultpage .result-share-area.is-capturing .spider-chart-wrapper{height:420px!important}.resultpage .result-share-area.is-capturing .result-section{padding-bottom:var(--sp-24)!important}.resultpage .result-share-area.is-capturing .result-section-title{font-size:var(--fs-heading-sm)!important}.resultpage .result-share-area.is-capturing .result-section-desc{font-size:var(--fs-caption)!important}.resultpage .result-share-area.is-capturing .result-share-branding{text-align:left!important;flex-direction:row!important;align-items:center!important;gap:0!important;padding:16px 24px!important}.resultpage .result-share-area.is-capturing .result-share-branding .branding-left{flex-direction:row!important;align-items:center!important;gap:12px!important}.resultpage .result-share-area.is-capturing .result-share-branding .branding-text{align-items:flex-start!important}.resultpage .result-share-area.is-capturing .desc{-webkit-line-clamp:unset!important;max-height:none!important;display:block!important;overflow:visible!important}.resultpage .result-share-area.is-capturing .desc-toggle-btn{display:none!important}.dualbar{flex-direction:column;gap:6px;width:100%;display:flex}.dualbar__labels{justify-content:space-between;align-items:center;display:flex}.dualbar__label{font-family:var(--font-family);font-size:13px;font-weight:var(--fw-medium);color:var(--color-text-muted);transition:color .2s}.dualbar__label--dominant{font-weight:var(--fw-bold);color:var(--color-text-primary)}.dualbar__track{background-color:var(--color-border-subtle);border-radius:5px;gap:2px;width:100%;height:10px;display:flex;overflow:hidden}.dualbar__fill{border-radius:5px;height:100%;transition:width .6s cubic-bezier(.25,1,.5,1)}.dualbar__fill--accent{background:linear-gradient(90deg, var(--color-accent), var(--color-primary))}.dualbar__fill--muted{background-color:var(--color-primary-light)}.dualbar__values{justify-content:space-between;align-items:center;display:flex}.dualbar__value{font-family:var(--font-family);font-size:13px;font-weight:var(--fw-medium);color:var(--color-text-muted);transition:color .2s}.dualbar__value--dominant{font-weight:var(--fw-bold);color:var(--color-accent)}@media (width<=768px){.dualbar__label{font-size:12px}.dualbar__track{height:8px}.dualbar__value{font-size:12px}}