.mbti-page{--b:#155eef;--bg:#f2f4f7;--c:#fff;--t:#101828;--m:#475467;--l:#d0d5dd;--s:#eef4ff;color:var(--t);max-width:620px;margin:0 auto;padding:22px 14px 40px;font:15px/1.55 Montserrat,system-ui,sans-serif}.mbti-page .card{background:var(--c);border:1px solid var(--l);border-radius:16px;margin-bottom:14px;padding:20px}.mbti-page h1{margin:0 0 8px;font-size:1.5rem;line-height:1.25}.mbti-page h2{margin:0 0 10px;font-size:1.1rem}.mbti-page h3{gap:10px;margin:0 0 10px;font-size:1rem;line-height:1.4;display:flex}.mbti-page p{color:var(--m);margin:0 0 12px}.mbti-page label.f{margin:14px 0 6px;font-size:.88rem;font-weight:600;display:block}.mbti-page input,.mbti-page select{width:100%;font:inherit;border:1px solid var(--l);background:var(--c);color:var(--t);border-radius:12px;padding:12px 14px}.mbti-page .ph{gap:8px;display:flex}.mbti-page .ph select{width:96px}.mbti-page :focus-visible{outline:3px solid var(--b);outline-offset:2px}.mbti-page .info{background:var(--s);border:1px solid var(--b);border-radius:12px;margin:18px 0;padding:14px;font-size:.88rem}.mbti-page .btn{background:var(--b);color:#fff;cursor:pointer;border:0;border-radius:12px;width:100%;padding:14px 20px;font:600 1rem Montserrat,sans-serif}.mbti-page .btn:disabled{opacity:.4;cursor:not-allowed}.mbti-page .btn.o{background:var(--c);color:var(--t);border:1px solid var(--l)}.mbti-page .err{color:#d22c1f;min-height:1em;margin-top:10px;font-size:.85rem}.mbti-page .hd{color:#fff;background:linear-gradient(135deg,#155eef,#0b3fb8);border-radius:16px;margin-bottom:14px;padding:20px}.mbti-page .hd small{opacity:.85}.mbti-page .hd div{justify-content:space-between;align-items:end;gap:10px;display:flex}.mbti-page .hd h2{margin:4px 0 0;font-size:1.25rem}.mbti-page .hd b{font-size:2rem;font-weight:800}.mbti-page .hd i{background:#ffffff4d;border-radius:3px;height:6px;margin-top:12px;display:block}.mbti-page .hd i u{background:#fff;border-radius:3px;height:100%;text-decoration:none;display:block}.mbti-page .qq{margin-bottom:24px}.mbti-page .qq h3 i{background:var(--b);color:#fff;text-align:center;border-radius:50%;flex:none;width:26px;height:26px;font:700 .8rem/26px Montserrat}.mbti-page .o2{border:1.5px solid var(--l);cursor:pointer;border-radius:12px;align-items:center;gap:12px;margin:0 0 10px 36px;padding:13px 14px;display:flex}.mbti-page .o2:has(input:checked){border-color:var(--b);background:var(--s)}.mbti-page .o2 input{width:18px;height:18px;accent-color:var(--b);flex:none;margin:0}.mbti-page .nav{background:var(--c);border-top:1px solid var(--l);padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));align-items:center;gap:10px;display:flex;position:sticky;bottom:0}.mbti-page .nav .btn{flex:1;width:auto}.mbti-page .nav span{color:var(--m);text-align:center;flex:1;font-size:.75rem}.mbti-page .bn{text-align:center;color:#fff;background:linear-gradient(135deg,#155eef,#0b3fb8);border-radius:16px;margin-bottom:14px;padding:26px 18px}.mbti-page .bn b{letter-spacing:.05em;font-size:3rem;font-weight:800;line-height:1.1;display:block}.mbti-page .bn p{color:#dce6ff;margin:8px 0 0}.mbti-page .rw{margin:16px 0}.mbti-page .rw div{justify-content:space-between;gap:6px;margin-bottom:5px;font-size:.82rem;display:flex}.mbti-page .tr{background:#b2ccff;border-radius:5px;height:10px;overflow:hidden}.mbti-page .tr i{background:var(--b);height:100%;display:block}.mbti-page .lt{align-items:flex-start;gap:14px;display:flex}.mbti-page .lt b{background:var(--b);color:#fff;text-align:center;border-radius:50%;flex:none;width:46px;height:46px;font:800 1.2rem/46px Montserrat}.mbti-page .lt h2{margin:0 0 2px}.mbti-page .lt p{margin:0;font-size:.88rem}.mbti-page ul{margin:0;padding-left:0;list-style:none}.mbti-page li{color:var(--m);padding:5px 0 5px 24px;font-size:.9rem;position:relative}.mbti-page li:before{content:"";background:var(--k,#12b76a);border-radius:50%;width:9px;height:9px;position:absolute;top:11px;left:0}.mbti-page .ch{flex-wrap:wrap;gap:8px;display:flex}.mbti-page .ch span{background:var(--s);color:var(--b);border-radius:10px;padding:8px 12px;font-size:.85rem;font-weight:600}.mbti-page .sc button{background:var(--c);width:100%;color:var(--t);border:1.5px solid var(--l);cursor:pointer;border-radius:12px;margin-bottom:8px;padding:12px;font:500 .9rem Montserrat;display:block}.mbti-page .sc button.on{border-color:var(--b);background:var(--s);color:var(--b);font-weight:700}.mbti-page dl{margin:0;font-size:.9rem}.mbti-page dt{color:var(--m);display:inline}.mbti-page dd{margin:0;font-weight:600;display:inline}.mbti-page dl div{padding:5px 0}.mbti-page [hidden]{display:none!important}.mbti-page a.btn{text-align:center;margin-top:8px;text-decoration:none;display:block}body.site-mode{background:#fff}#site-root{color:#101828;font-family:Montserrat,system-ui,sans-serif;font-size:15px}.st{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e9edf4;align-items:center;gap:20px;padding:12px max(18px,50% - 560px);display:flex;position:sticky;top:0}.st-b{color:#101828;align-items:center;gap:10px;text-decoration:none;display:flex}.st-b b{letter-spacing:.14em;font-weight:800;display:block}.st-b i{color:#155eef;font-style:normal}.st-b small{letter-spacing:.18em;color:#646e83;font-size:12px;display:block}.st nav{gap:22px;margin-left:auto;display:flex}.st nav a{color:#344054;font-size:13px;font-weight:600;text-decoration:none}.sb{color:#fff;white-space:nowrap;background:#155eef;border-radius:12px;padding:11px 16px;font-size:13px;font-weight:700;text-decoration:none}.lp-cta{flex-wrap:wrap;gap:12px;display:flex}.lp-cta a{border-radius:12px;padding:14px 20px;font-weight:700;text-decoration:none}.lp-cta .p{color:#fff;background:#155eef}.lp-cta .o{color:#101828;background:#fff;border:1px solid #d0d5dd}.lp-card{text-align:center;background:#fff;border-radius:24px;justify-self:center;width:100%;max-width:380px;padding:26px;box-shadow:0 24px 60px #1018281f}.lp-card p{margin:8px 0 0;font-size:13px}.lp-ring{background:conic-gradient(#155eef 0 82%, #e4e7ec 0);border-radius:50%;place-items:center;width:124px;height:124px;margin:0 auto 14px;display:grid}.lp-ring b{background:#fff;border-radius:50%;place-items:center;width:96px;height:96px;font-size:30px;font-weight:800;display:grid}.lp-sec{padding:64px max(18px,50% - 560px)}.lp-sec h2{margin:0 0 8px;font-size:clamp(24px,3.4vw,34px);font-weight:800}.lp-sec>p{color:#475467;max-width:600px;margin:0 0 30px}.lp-fg,.lp-steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.lp-fc{color:inherit;background:#fff;border:1px solid #e9edf4;border-radius:16px;padding:22px;text-decoration:none;transition:border-color .18s,transform .18s;display:block}.lp-fc:hover{border-color:#155eef;transform:translateY(-2px)}.lp-fc svg{stroke:#155eef;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px;margin-bottom:12px}.lp-fc b{margin-bottom:6px;display:block}.lp-fc span{color:#646e83;font-size:13px}.lp-grey{background:#f2f4f7}.lp-steps div{background:#fff;border-radius:16px;padding:22px}.lp-steps b{color:#155eef;font-size:30px;display:block}.lp-steps p{color:#646e83;margin:6px 0 0;font-size:13px}.lp-band{color:#fff;background:#101828}.lp-band p{color:#d0d5dd}.sf{color:#646e83;border-top:1px solid #e9edf4;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:22px max(18px,50% - 560px);font-size:12px;display:flex}.mobile-nav-item{flex:1;min-width:0}.nav-item{font:inherit}.st a:focus-visible,.lp-fc:focus-visible,.lp-cta a:focus-visible{outline-offset:2px;outline:3px solid #155eef}@media (width<=760px){.st nav{display:none}.sb{margin-left:auto}}