:root { --egen-ink:#142033; --egen-muted:#607088; --egen-line:#d8e2ed; --egen-soft:#f5f8fb; --egen-teal:#087f6d; --egen-teal-soft:#e6f4f0; --egen-coral:#c95e4e; }
.egen-page { color:var(--egen-ink); }.egen-page * { box-sizing:border-box; }.egen-heading { margin-bottom:28px; }.egen-eyebrow { margin:0 0 9px !important; color:var(--egen-teal); font-size:14px !important; font-weight:800; }.egen-heading h1 { margin:0 0 16px; color:#111827; font-size:44px; line-height:1.18; }.egen-heading>p:not(.egen-eyebrow) { max-width:810px; margin:0; color:var(--egen-muted); font-size:18px; line-height:1.75; }.egen-notice { display:flex; align-items:flex-start; gap:12px; margin-top:20px; padding:14px 16px; border:1px solid #c8e3dc; border-radius:8px; background:#f0f8f5; }.egen-notice strong { flex:0 0 auto; color:var(--egen-teal); font-size:12px; }.egen-notice span { color:#50667a; font-size:11px; line-height:1.65; }
.egen-quiz,.egen-guide { overflow:hidden; margin-top:24px; border:1px solid var(--egen-line); border-radius:8px; background:#fff; }.egen-quiz-head { padding:23px 25px; border-bottom:1px solid var(--egen-line); background:var(--egen-soft); }.egen-quiz-head>div>span { color:var(--egen-teal); font-size:11px; font-weight:900; }.egen-quiz-head h2 { margin:4px 0 5px; font-size:24px; }.egen-quiz-head p { margin:0; color:#728096; font-size:12px; }
.egen-start { padding:31px 25px 34px; text-align:center; }.egen-start h3 { margin:0; font-size:20px; }.egen-start>p { max-width:510px; margin:10px auto 0; color:#6c7c91; font-size:12px; line-height:1.7; }.egen-gender-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; max-width:610px; margin:22px auto 0; }.egen-gender-options button { min-height:94px; margin:0; padding:14px; border:1px solid #d6e1ea; border-radius:8px; background:#fff; color:#32435b; box-shadow:none; }.egen-gender-options button:hover,.egen-gender-options button:focus-visible { border-color:#83c5b7; background:var(--egen-teal-soft); color:var(--egen-teal); }.egen-gender-options b,.egen-gender-options small { display:block; }.egen-gender-options b { font-size:15px; }.egen-gender-options small { margin-top:7px; font-size:11px; }
.egen-step-progress { padding:19px 25px 17px; border-bottom:1px solid var(--egen-line); background:#fbfcfd; }.egen-step-progress>div { display:flex; align-items:center; gap:10px; }.egen-step-progress>div>span { display:inline-flex; width:34px; height:34px; align-items:center; justify-content:center; border-radius:8px; background:var(--egen-teal); color:#fff; font-size:13px; font-weight:900; }.egen-step-progress strong { color:#4f6075; font-size:13px; }.egen-step-progress em { margin-left:auto; color:#69798e; font-size:12px; font-style:normal; font-weight:800; }.egen-step-progress>p { overflow:hidden; height:7px; margin:13px 0 0; border-radius:10px; background:#e4eaf0; }.egen-step-progress>p span { display:block; width:0; height:100%; border-radius:10px; background:var(--egen-teal); transition:width .2s ease; }
.egen-question-stage { padding:27px 25px 0; }.egen-step-card { margin:0; padding:27px; border:1px solid #e2e9ef; border-radius:8px; background:#fff; box-shadow:0 11px 24px rgba(35,55,79,.08); text-align:center; }.egen-domain-chip { display:inline-flex; min-height:26px; align-items:center; padding:0 10px; border-radius:14px; background:var(--egen-teal-soft); color:var(--egen-teal); font-size:11px; font-weight:900; }.egen-step-card h3 { margin:14px 0 17px; font-size:21px; }.egen-prompt { display:grid; grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr); align-items:stretch; gap:9px; text-align:left; }.egen-prompt p { display:flex; align-items:center; justify-content:center; min-height:78px; margin:0; padding:13px; border:1px solid #dce6ec; border-radius:7px; background:#f8fafc; color:#35475f; font-size:13px; line-height:1.65; }.egen-prompt>span { display:flex; align-items:center; justify-content:center; color:#8290a0; font-size:11px; font-weight:800; }.egen-step-options { display:grid; gap:10px; margin-top:20px; }.egen-step-option { display:grid; grid-template-columns:22px minmax(0,1fr); align-items:center; gap:13px; min-height:70px; margin:0; padding:12px 16px; border:1px solid #dbe4ec; border-radius:8px; background:#fff; box-shadow:0 7px 14px rgba(31,48,70,.06); cursor:pointer; transition:border-color .15s,background .15s,transform .15s; }.egen-step-option:hover { border-color:#9bcfc5; transform:translateY(-1px); }.egen-step-option input { position:absolute; width:1px !important; height:1px !important; opacity:0 !important; }.egen-option-radio { grid-column:1; grid-row:1; width:22px; height:22px; border:2px solid #cbd6e0; border-radius:50%; background:#fff; }.egen-option-copy { grid-column:2; grid-row:1; min-width:0; width:100%; text-align:left; }.egen-option-copy b,.egen-option-copy small { display:block; }.egen-option-copy b { color:#33445a; font-size:13px; line-height:1.45; }.egen-option-copy small { margin-top:3px; color:#7b899a; font-size:10px; line-height:1.45; }.egen-step-option.is-selected { border-color:#69b7a7; background:var(--egen-teal-soft); }.egen-step-option input:checked+.egen-option-radio { border-color:var(--egen-teal); box-shadow:inset 0 0 0 4px #fff; background:var(--egen-teal); }.egen-step-option input:checked~.egen-option-copy b { color:var(--egen-teal); }.egen-step-option input:focus-visible+.egen-option-radio { outline:3px solid rgba(8,127,109,.22); outline-offset:2px; }
.egen-step-actions { display:flex; justify-content:space-between; gap:10px; padding:22px 25px 0; }.egen-step-actions button,.egen-result-actions button { min-height:48px; margin:0; border:1px solid #ccd9e5; border-radius:8px; background:#fff; color:#465871; box-shadow:none; font-size:13px; font-weight:900; }.egen-step-actions #egenPrevious { min-width:102px; }.egen-step-actions #egenNext { min-width:198px; border-color:var(--egen-teal); background:var(--egen-teal); color:#fff; }.egen-step-actions #egenNext:disabled { border-color:#dce3ea; background:#e8edf2; color:#9ba8b7; cursor:not-allowed; }.egen-step-actions #egenPrevious:disabled { opacity:.42; cursor:not-allowed; }.egen-status { min-height:18px; margin:10px 25px 24px; color:#6e7c90; font-size:11px; }
.egen-result { margin:24px 25px 25px; padding:23px; border:1px solid #cde1da; border-radius:8px; background:#fbfdfd; }.egen-result[hidden] { display:none !important; }.egen-result-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; }.egen-result-head>div:first-child>span { color:var(--egen-teal); font-size:10px; font-weight:900; }.egen-result-head h2 { margin:4px 0 0; font-size:25px; }.egen-result-head p { max-width:475px; margin:9px 0 0; color:#52647a; font-size:12px; line-height:1.7; }.egen-score { min-width:76px; text-align:right; }.egen-score strong,.egen-score span { display:block; }.egen-score strong { color:var(--egen-teal); font-size:42px; line-height:1; }.egen-score span { margin-top:4px; color:#748398; font-size:10px; }.egen-axis { margin-top:20px; }.egen-axis>div { display:flex; justify-content:space-between; color:#41536b; font-size:11px; font-weight:800; }.egen-axis>div span:last-child { color:var(--egen-coral); }.egen-axis>p,.egen-domain-bar { position:relative; overflow:hidden; height:10px; margin:9px 0 0; border-radius:10px; background:#e4e9ef; }.egen-axis>p::before,.egen-domain-bar::before { position:absolute; top:0; bottom:0; left:0; width:50%; background:#4d8c9d; content:''; }.egen-axis>p::after,.egen-domain-bar::after { position:absolute; top:0; right:0; bottom:0; width:50%; background:#c96a59; content:''; }.egen-axis i,.egen-domain-bar i { position:absolute; z-index:1; top:50%; border:3px solid #fff; border-radius:50%; background:var(--egen-ink); box-shadow:0 1px 5px rgba(20,32,51,.25); transform:translate(-50%,-50%); }.egen-axis i { width:20px; height:20px; }.egen-type-note { margin-top:19px; padding:14px 16px; border-left:4px solid var(--egen-teal); background:#eef8f5; }.egen-type-note strong { color:var(--egen-teal); font-size:12px; }.egen-type-note p { margin:6px 0 0; color:#52677a; font-size:11px; line-height:1.7; }.egen-domain-results { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:17px; }.egen-domain-results article { margin:0; padding:14px; border:1px solid var(--egen-line); border-radius:8px; background:#fff; }.egen-domain-results header { display:flex; justify-content:space-between; gap:8px; }.egen-domain-results header strong { font-size:12px; }.egen-domain-results header span { color:#687a8e; font-size:10px; }.egen-domain-bar { height:6px; margin:11px 0 7px; }.egen-domain-bar i { width:12px; height:12px; border-width:2px; }.egen-domain-results article>p { display:flex; justify-content:space-between; margin:0; color:#718095; font-size:9px; }.egen-domain-results article>p b:last-child { color:#b25c4c; }.egen-domain-results small { display:block; margin-top:9px; color:#748398; font-size:10px; line-height:1.6; }.egen-result-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:18px; }.egen-result-actions button { min-height:42px; font-size:11px; }.egen-result-actions button:first-child { border-color:var(--egen-teal); background:var(--egen-teal); color:#fff; }.egen-result-note { margin:13px 0 0; color:#7b8999; font-size:9px; line-height:1.65; }
.egen-guide { padding:29px; }.egen-guide>header h2 { margin:0 0 12px; font-size:29px; }.egen-guide>header>p:last-child { margin:0; color:#58687d; font-size:14px; line-height:1.8; }.egen-guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; margin-top:23px; }.egen-guide-grid section { margin:0; padding:18px; border-top:3px solid #9ccfc4; background:var(--egen-soft); }.egen-guide-grid h3,.egen-domains-guide h3 { margin:0 0 7px; font-size:15px; }.egen-guide-grid p { margin:0; color:#657489; font-size:11px; line-height:1.75; }.egen-domains-guide { margin-top:23px; padding:19px; border:1px solid var(--egen-line); border-radius:8px; background:#fff; }.egen-domains-guide dl { display:grid; grid-template-columns:72px 1fr; gap:0; margin:0; }.egen-domains-guide dt,.egen-domains-guide dd { padding:11px 0; border-bottom:1px solid #e6ebf0; }.egen-domains-guide dt { color:var(--egen-teal); font-size:11px; font-weight:900; }.egen-domains-guide dd { margin:0; color:#66758a; font-size:11px; line-height:1.6; }.egen-domains-guide dl>:nth-last-child(-n+2) { border-bottom:0; }.egen-faq { margin-top:24px; }.egen-faq h2 { font-size:21px; }.egen-faq details { padding:14px 0; border-top:1px solid #dee6ed; }.egen-faq summary { color:#304057; font-size:12px; font-weight:800; cursor:pointer; }.egen-faq p { margin:9px 0 0; color:#66758a; font-size:11px; line-height:1.75; }.egen-source { margin:20px 0 0; padding:14px 16px; border-left:4px solid var(--egen-teal); background:#f3f7fa; color:#6c7b8e; font-size:10px; line-height:1.7; }
@media screen and (max-width:700px) { .egen-heading h1 { font-size:34px; }.egen-heading>p:not(.egen-eyebrow) { font-size:16px; }.egen-notice,.egen-result-head { flex-direction:column; }.egen-quiz-head { padding:19px 16px; }.egen-start,.egen-question-stage { padding-right:16px; padding-left:16px; }.egen-gender-options { grid-template-columns:1fr; max-width:none; }.egen-gender-options button { min-height:70px; }.egen-gender-options b,.egen-gender-options small { display:inline; }.egen-gender-options small { margin:0 0 0 7px; }.egen-step-progress { padding:17px 16px; }.egen-step-card { padding:21px 16px; }.egen-step-card h3 { font-size:19px; }.egen-prompt { grid-template-columns:1fr; gap:6px; }.egen-prompt p { min-height:auto; font-size:12px; }.egen-prompt>span { min-height:18px; }.egen-step-option { min-height:66px; padding:11px 13px; }.egen-option-copy b { font-size:12px; }.egen-step-actions { padding:20px 16px 0; }.egen-step-actions #egenPrevious { min-width:72px; }.egen-step-actions #egenNext { min-width:176px; }.egen-status { margin:10px 16px 20px; }.egen-result { margin:20px 16px; padding:18px; }.egen-score { text-align:left; }.egen-domain-results,.egen-guide-grid { grid-template-columns:1fr; }.egen-guide { padding:22px 16px; }.egen-guide>header h2 { font-size:24px; }.egen-domains-guide { padding:16px; }.egen-domains-guide dl { grid-template-columns:58px 1fr; } }