.personality-landing-root{width:min(920px,calc(100% - 30px));margin:0 auto;padding-bottom:90px}.personality-hero{padding:42px 36px;border-radius:32px;background:radial-gradient(circle at top left,rgba(178,149,224,.18),transparent 30%),linear-gradient(180deg,#f8f7ff,#f4fbfb);border:1px solid #ece8fb}.personality-kicker{margin:0 0 12px;color:#419191;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:.05em;text-transform:uppercase}.personality-hero h1{margin:0;color:#171718;font-family:Charter;font-size:54px;font-style:normal;font-weight:700;line-height:62px}.personality-lead{max-width:680px;margin:18px 0 0;color:#4b4b4f;font-family:Inter;font-size:18px;font-style:normal;font-weight:400;line-height:30px}.personality-actions{margin-top:28px}.personality-primary-action{display:inline-flex;align-items:center;justify-content:center;padding:18px 28px;border-radius:999px;background:#419191;color:#fafafc;font-family:Charter;font-size:18px;font-style:normal;font-weight:700;line-height:22px;text-decoration:none}.personality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.personality-card,.personality-test-shell{border-radius:24px;background:#fff;border:1px solid #efeff2;box-shadow:0 10px 30px rgba(20,20,28,.04)}.personality-card{padding:24px}.personality-card h2,.personality-test-intro h2{margin:0 0 12px;color:#171718;font-family:Charter;font-size:28px;font-style:normal;font-weight:700;line-height:34px}.personality-card p,.personality-test-intro p{margin:0;color:#4b4b4f;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:27px}.personality-test-shell{margin-top:24px;padding:28px}.personality-test-intro{margin-bottom:18px}@media screen and (max-width:900px){.personality-grid{grid-template-columns:1fr}}@media screen and (max-width:768px){.personality-landing-root{width:calc(100% - 24px);padding-bottom:60px}.personality-hero{padding:28px 22px;border-radius:24px}.personality-hero h1{font-size:38px;line-height:44px}.personality-lead{font-size:17px;line-height:28px}.personality-card,.personality-test-shell{border-radius:20px}.personality-test-shell{padding:22px 20px}.personality-card h2,.personality-test-intro h2{font-size:24px;line-height:30px}}.test-root{display:flex;flex-wrap:nowrap}.loading-wrapper{width:100%;display:flex;padding:90px;min-height:calc(100vh - 169px);justify-content:center;.loading{margin:0 auto}}.nav-bar{display:flex;padding:24px 188px;margin:0;align-content:center;align-items:center;svg{margin:auto 0}h1{padding:0;margin:auto 4px;color:var(--brand-brand-primary,#3c8a8a);text-align:center;font-family:Charter;font-size:25px;font-style:normal;font-weight:700;line-height:30px}}.progress-bar{margin:0 auto;display:flex;gap:15px;span{display:flex;color:var(--content-content-sencondary,#707072);font-family:Inter;font-style:normal;font-weight:500}progress{margin:auto 0;width:100%;height:15px;border-radius:7.5px}progress::-webkit-progress-bar{background:var(--background-background-2,#f5f5f7);border-radius:7.5px}progress::-webkit-progress-value{background:var(--brand-brand-primary,#3c8a8a);border-radius:7.5px}}.question-root{width:100%}.next-action{display:flex;justify-content:center;width:100%;padding:45px 0 90px}@media screen and (max-width:768px){.nav-bar{display:flex;padding:24px 16px;margin:0}}.checkbox-wrapper-24{width:100%;height:100%;display:inline-block}.checkbox-wrapper-24 .check-box svg{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);path{stroke:transparent}}.checkbox-wrapper-24 .check-box{width:100%;height:100%;display:inline-block;cursor:pointer;position:relative;left:0;top:0;border-radius:50%;border:2px solid #3c8a8a}.checkbox-wrapper-24 input[type=checkbox]:hover+div{border:2px solid #3c8a8a;border-radius:50%;background-color:#3c8a8a;transition:background-color .1s ease;svg{path{stroke:transparent}}}.checkbox-wrapper-24 input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;z-index:3;border-radius:50%}.checkbox-wrapper-24 input[type=checkbox]:checked+div{background-color:#419191;svg{path{stroke:#fff;transition:stroke .15s ease .1s}}}.answer-picker-root{display:flex;align-items:center;align-content:center;justify-content:space-between;.disable-check{.checkbox-wrapper-24 input[type=checkbox]:hover+.check-box{border:2px solid #419191;background-color:transparent}}.agree-color{.checkbox-wrapper-24 .check-box{border:2px solid #419191}.checkbox-wrapper-24 input[type=checkbox]:hover+.check-box{border:2px solid #419191;background-color:#419191}.checkbox-wrapper-24 input[type=checkbox]:checked+.check-box{background-color:#419191}}.disagree-color{.checkbox-wrapper-24 .check-box{border:2px solid #9d6ad1}.checkbox-wrapper-24 input[type=checkbox]:hover+div{border:2px solid #9d6ad1;background-color:#9d6ad1}.checkbox-wrapper-24 input[type=checkbox]:checked+div{background-color:#9d6ad1}}.middle-color{.checkbox-wrapper-24 .check-box{border:2px solid #b2b2b6}.checkbox-wrapper-24 input[type=checkbox]:hover+div{border:2px solid #b2b2b6;background-color:#b2b2b6}.checkbox-wrapper-24 input[type=checkbox]:checked+div{background-color:#b2b2b6}}.size-75{width:75px;height:75px;.checkbox-wrapper-24 input[type=checkbox]{width:75px;height:75px}}.size-60{width:60px;height:60px;.checkbox-wrapper-24 input[type=checkbox]{width:60px;height:60px}}.size-45{width:45px;height:45px;.checkbox-wrapper-24 input[type=checkbox]{width:45px;height:45px}}.size-30{width:30px;height:30px;.checkbox-wrapper-24 input[type=checkbox]{width:30px;height:30px}}}.question-item{display:grid;width:100%;.question-title{margin:0 auto;align-self:center;color:var(--content-content-primary,#171718);font-family:Charter;font-style:normal;font-weight:700}.agree{color:var(--brand-brand-primary,#419191);text-align:right}.agree,.disagree{margin:auto 30;font-family:Charter;font-style:normal;font-weight:700}.disagree{color:var(--brand-brand-secondary-1,#9d6ad1)}.picker-root{display:flex;align-items:center;width:100%;gap:30px;.space{flex-grow:1}}}.button{margin-top:15px;display:flex;border-radius:37.5px;background-color:#419191;.text{color:var(--content-content-white,#fafafc);font-family:Charter;font-size:17px;font-style:normal;font-weight:700;line-height:20px;margin:auto 0}.arrow{margin:auto 0 auto 8px}}.button:hover{cursor:pointer}.loading,.loading>div{position:relative;box-sizing:border-box}.loading{display:block;font-size:0;color:#3c8a8a}.loading.la-dark{color:rgba(60,138,138,.5)}.loading>div{display:inline-block;float:none;background-color:currentColor;border:0 solid}.loading{width:32px;height:32px}.loading>div{position:absolute;top:50%;left:50%;width:8px;height:8px;margin-top:-4px;margin-left:-4px;border-radius:100%;animation:ball-spin-clockwise 1s ease-in-out infinite}.loading>div:first-child{top:5%;left:50%;animation-delay:-.875s}.loading>div:nth-child(2){top:18.1801948466%;left:81.8198051534%;animation-delay:-.75s}.loading>div:nth-child(3){top:50%;left:95%;animation-delay:-.625s}.loading>div:nth-child(4){top:81.8198051534%;left:81.8198051534%;animation-delay:-.5s}.loading>div:nth-child(5){top:94.9999999966%;left:50.0000000005%;animation-delay:-.375s}.loading>div:nth-child(6){top:81.8198046966%;left:18.1801949248%;animation-delay:-.25s}.loading>div:nth-child(7){top:49.9999750815%;left:5.0000051215%;animation-delay:-.125s}.loading>div:nth-child(8){top:18.179464974%;left:18.1803700518%;animation-delay:0s}.loading.la-sm{width:16px;height:16px}.loading.la-sm>div{width:4px;height:4px;margin-top:-2px;margin-left:-2px}.loading.la-2x{width:64px;height:64px}.loading.la-2x>div{width:16px;height:16px;margin-top:-8px;margin-left:-8px}.loading.la-3x{width:96px;height:96px}.loading.la-3x>div{width:24px;height:24px;margin-top:-12px;margin-left:-12px}@keyframes ball-spin-clockwise{0%,to{opacity:1;transform:scale(1)}20%{opacity:1}80%{opacity:0;transform:scale(0)}}