.personality-page{color:#143e30;max-width:940px;min-height:70vh;margin:auto;padding:28px 24px 64px}.personality-page-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;font-size:13px;display:flex}.personality-page-top span{align-items:center;gap:7px;display:flex}.personality-page-top a{text-underline-offset:4px;text-decoration:underline}.personality-intro,.personality-result,.personality-game{background:#fffef9;border:1px solid #dce6da;border-radius:28px;padding:40px;box-shadow:0 15px 55px #143e3008}.personality-intro,.personality-result{text-align:center;background:radial-gradient(at 50% 0,#eaf5cd,#0000 65%),#fffef9}.personality-intro-icon,.personality-result-medal{background:#e1f1cc;border-radius:28px;place-items:center;width:100px;height:100px;margin:0 auto 20px;font-size:60px;display:grid}.personality-eyebrow{color:#47712d;font-size:13px;font-weight:800}.personality-page h1{margin:16px 0;font-size:clamp(26px,4vw,38px);font-weight:900;line-height:1.5}.personality-page h1:focus{outline:none}.personality-intro>p:not(.personality-eyebrow),.personality-description{color:#52685b;max-width:640px;margin:16px auto 26px;font-size:17px;line-height:1.9}.personality-intro-badges,.personality-traits{flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 18px;display:flex}.personality-intro-badges span,.personality-traits span{background:#edf3e8;border-radius:30px;padding:8px 14px;font-size:13px;font-weight:700}.personality-intro small{color:#596c5e}.personality-progress-label,.personality-game-controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.personality-progress-label{font-size:13px;font-weight:700}.personality-progress-label span:last-child{color:#527035;align-items:center;gap:6px;display:flex}.personality-game progress{accent-color:#60882e;background:#e7edde;border:0;border-radius:10px;width:100%;height:8px;margin:14px 0 24px;overflow:hidden}.personality-game progress::-webkit-progress-bar{background:#e7edde}.personality-game progress::-webkit-progress-value{background:#60882e;border-radius:10px}.personality-game progress::-moz-progress-bar{background:#60882e}.personality-game h1{font-size:clamp(24px,3vw,32px)}.personality-question-enter>p{color:#667467;margin-bottom:26px}.personality-options{border:0;grid-template-columns:1fr 1fr;gap:14px;margin:0;padding:0;display:grid}.personality-options button{cursor:pointer;background:#fff;border:2px solid #e2e9dd;border-radius:18px;align-items:center;gap:12px;min-height:104px;padding:20px;font-weight:700;transition:border-color .15s,background .15s;display:flex;position:relative}.personality-options button:hover{border-color:#92ad76}.personality-options button.selected{background:#f0f8e5;border-color:#4e7b32}.personality-options input{opacity:0;width:1px;height:1px;position:absolute}.personality-options button:focus-within{outline-offset:3px;outline:3px solid #90b96b}.personality-option-emoji{flex-shrink:0;font-size:30px}.personality-choice-check{opacity:0;flex-shrink:0;width:19px;margin-inline-start:auto}.personality-options .selected .personality-choice-check{opacity:1}.personality-step-message{text-align:center;color:#567541;min-height:26px;margin:24px 0;font-size:14px}.personality-text-button{color:#52655b;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:10px;display:inline-flex}.personality-text-button:disabled{opacity:.4;cursor:not-allowed}.personality-page button:focus-visible,.personality-page a:focus-visible{outline-offset:4px;outline:3px solid #7daa4b}.personality-car-style{margin:12px 0;font-size:20px;font-weight:800}.personality-example{background:#f0f5e7;border-radius:16px;max-width:480px;margin:20px auto;padding:18px}.personality-example strong{margin:6px 0;font-size:21px;display:block}.personality-example small{color:#65735d;font-size:12px}.personality-result-medal{background:#d9f3ae;animation:.7s ease-out both personality-unlock;box-shadow:0 0 0 10px #edf7dc}.personality-highlights{border-block:1px solid #dce6da;margin:24px 0;padding:22px 0}.personality-highlights h2{margin:0 0 12px;font-size:15px}.personality-highlights ul{flex-wrap:wrap;justify-content:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.personality-highlights li{color:#52655b;align-items:center;gap:6px;font-size:13px;display:inline-flex}.personality-result-actions{gap:14px;max-width:400px;margin:28px auto;display:grid}.personality-market-link{border:1px solid #b8c9ac;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px;font-weight:700;display:flex}.personality-footnote{color:#69756a;max-width:560px;margin:auto;font-size:12px;line-height:1.8}.personality-error{color:#a03929;font-size:14px}.personality-question-enter{animation:.22s ease-out personality-question}@keyframes personality-unlock{0%{opacity:0;transform:scale(.7)rotate(-15deg)}70%{transform:scale(1.08)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes personality-question{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.personality-page{padding:20px 14px 40px}.personality-intro,.personality-result,.personality-game{border-radius:22px;padding:26px 20px}.personality-options{grid-template-columns:1fr;gap:10px}.personality-options button{min-height:78px;padding:14px}.personality-game-controls .personality-primary{padding-inline:14px;font-size:14px}}@media (prefers-reduced-motion:reduce){.personality-question-enter,.personality-result-medal{animation:none}.personality-options button{transition:none}}.personality-options button{font:inherit;text-align:start;color:inherit;font-weight:700}.personality-options button:disabled{cursor:wait;opacity:.65}.personality-choice-help{color:#667467;margin-top:16px;font-size:13px}.personality-example .personality-brand-logo{width:72px;height:72px;margin:0 auto 12px;display:flex}
