:root{--navy:#003869;--cyan:#01B7E9;--bg:#F2F5F8;--text:#1B2430;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 Arial,sans-serif}button,input,select{font:inherit}button{border:0;border-radius:10px;background:var(--navy);color:#fff;font-weight:700;min-height:48px;padding:12px 18px;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.screen{max-width:760px;margin:auto;padding:20px;min-height:100vh}.card{background:#fff;max-width:520px;margin:0 auto;padding:clamp(24px,6vw,48px);text-align:center}.logo{display:block;object-fit:contain;background:#fff;border-radius:12px;aspect-ratio:1}.logo-large{width:min(240px,62vw);height:auto;margin:12px auto 24px}.logo-small{width:48px;height:48px;flex:none}.lead{color:#536273}.identity-form{display:grid;gap:14px;text-align:left;margin-top:28px}label{display:grid;gap:6px;font-weight:700}input,select{border:1px solid #b9c5d0;border-radius:8px;padding:13px 12px;min-height:48px;color:var(--text);background:#fff}h1{font-size:clamp(25px,6vw,38px);line-height:1.15;color:var(--navy)}h2{color:var(--navy)}.error{color:#b51e2b;min-height:24px}.hidden{display:none!important}.quiz-header{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:16px;padding:8px 0;background:var(--bg);font-size:14px}.quiz-header>div{flex:1}.progress-track{height:7px;background:#d7e2ea;border-radius:8px;margin-top:5px}.progress-track span{display:block;height:100%;background:var(--cyan);border-radius:8px;transition:width .25s}.instruction{background:#fff;border-left:4px solid var(--cyan);padding:12px;margin:14px 0 20px;font-size:14px}.rating-scale{margin-top:14px;padding:10px 4px 2px}.rating-scale-labels{display:flex;justify-content:space-between;gap:12px;color:#536273;font-size:12px;font-weight:700}.rating-scale-labels span:last-child{text-align:right}.rating-scale-track{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;position:relative;margin:7px 10px 0}.rating-scale-line{position:absolute;left:0;right:0;height:4px;border-radius:4px;background:linear-gradient(90deg,#c8d3dd,var(--cyan));z-index:0}.rating-scale-point{position:relative;z-index:1;display:grid;place-items:center;width:26px;height:26px;margin:auto;border:3px solid #fff;border-radius:50%;background:#aebdca;color:#fff;font-size:12px;font-weight:700;box-shadow:0 0 0 1px #aebdca}.rating-scale-point.active{background:var(--navy);box-shadow:0 0 0 1px var(--navy)}.question-title{color:var(--navy);margin:8px 0 14px}.option-list{display:grid;gap:12px}.option{min-height:92px;background:#fff;color:var(--text);border:2px solid #d5dfe6;text-align:left;display:flex;align-items:center;gap:14px}.option strong{font-size:28px;min-width:40px;text-align:center;color:#fff;background:#aebdca;border-radius:50%;height:42px;line-height:42px}.option.selected{border-color:var(--navy);box-shadow:0 3px 12px #00386925}.option.selected strong{background:var(--navy)}.option.rank-4{border-width:4px}.adjectives{display:grid;gap:3px}.quiz-actions{display:flex;gap:8px;justify-content:space-between;margin-top:22px;flex-wrap:wrap}.quiz-actions button:last-child{margin-left:auto}.secondary{background:#fff;color:var(--navy);border:1px solid #b8c6d1}.result-pie-section{display:flex;align-items:center;justify-content:center;gap:18px;margin:12px 0 24px}.result-pie-section svg{width:min(190px,42vw);height:auto;flex:none}.predominance-text{font-weight:700;color:var(--navy);margin:0;max-width:230px}.profile-card{padding:20px;border-radius:14px;margin:14px 0;color:#fff}.profile-card h3{margin:0;font-size:28px}.profile-card .letter{font-size:58px;font-weight:900;float:right}.profile-card.yellow{color:var(--text)}.traits{padding-left:20px;margin-bottom:0}.bars{display:grid;gap:8px;margin:24px 0}.bar-line{display:grid;grid-template-columns:30px 1fr 40px;gap:8px;align-items:center}.bar{height:14px;background:#dde6ec;border-radius:10px;overflow:hidden}.bar i{display:block;height:100%}.quadrant{position:relative;display:grid;grid-template-columns:1fr 1fr;aspect-ratio:1.5;margin:20px 0;border:2px solid #fff}.quad{padding:12px;font-weight:700;display:flex;align-items:center}.q-c{background:#ECE743}.q-p{background:#23A448;color:#fff}.q-e{background:#E2202F;color:#fff}.q-a{background:#1BA9B3;color:#fff}.final-note{font-size:14px}.retry{display:inline-block;color:var(--navy);margin:12px}@media(max-width:380px){.quiz-actions{gap:5px}.quiz-actions button{padding:10px 9px;font-size:14px}.instruction{font-size:13px}}
#identification .lead{max-width:320px;margin:0 auto;text-align:center}#identification .identity-form button{margin-top:28px;width:100%}