:root{color:#111827;background:linear-gradient(180deg,#fffffff0,#e5ecf6e6),#e5ecf6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh}button{border:0;font:inherit}.app-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:20px;width:min(1120px,calc(100% - 32px));min-height:100dvh;margin:0 auto;padding:calc(24px + env(safe-area-inset-top,0px)) max(0px,env(safe-area-inset-right,0px)) calc(48px + env(safe-area-inset-bottom,0px)) max(0px,env(safe-area-inset-left,0px))}.topbar,.progress-panel,.question-card,.score-panel,.pie-panel,.category-panel,.review-row{border:1px solid rgba(1,33,105,.16);border-radius:8px;background:#ffffffe6;box-shadow:0 14px 42px #0121691a}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px}.brand-button,.ghost-button,.primary-button,.reset-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:8px;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.brand-button{color:#012169;background:transparent;font-weight:800}.brand-button span{white-space:nowrap}.topbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.ghost-button{padding:0 16px;color:#012169;background:#e7eef8}.primary-button{padding:0 18px;color:#fff;background:#c8102e;box-shadow:0 10px 22px #c8102e38}.ghost-button:hover,.primary-button:hover,.brand-button:hover,.reset-button:hover{transform:translateY(-1px)}.ghost-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.progress-panel{display:grid;grid-template-columns:minmax(150px,220px) 1fr auto;align-items:center;gap:18px;padding:18px}.eyebrow{margin:0 0 6px;color:#4c5f84;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.progress-panel strong{font-size:1.3rem}.progress-track{height:12px;overflow:hidden;border-radius:999px;background:#d7e0ef}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#012169,#fff 48%,#c8102e)}.progress-stats,.score-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.progress-stats span,.score-stats span{padding:7px 10px;border-radius:999px;background:#e7eef8;color:#243b70;font-size:.9rem;font-weight:700;white-space:nowrap}.question-layout{display:grid;gap:14px;min-height:0}.question-card{display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0;overflow:hidden;padding:0}.question-content{min-height:0;overflow-y:auto;padding:clamp(22px,5vw,58px) clamp(22px,5vw,58px) 22px;scrollbar-gutter:stable}.question-card h1,.score-panel h1,.review-header h1{margin:0;color:#061b45;line-height:1.05;letter-spacing:0}.question-card h1{max-width:780px;font-size:clamp(2rem,6vw,4.8rem)}.question-controls{display:grid;gap:14px;padding:18px clamp(22px,5vw,58px);border-top:1px solid rgba(1,33,105,.12);background:#fffffff5}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:14px}.answer-button{display:grid;justify-items:center;gap:10px;min-height:132px;padding:20px;border:2px solid transparent;border-radius:8px;background:#f7f9fd;color:#061b45;cursor:pointer;font-size:1.2rem;font-weight:900}.answer-button.yes.selected{border-color:#012169;background:#e0e9f7;color:#012169}.answer-button.no.selected{border-color:#c8102e;background:#fde4e9;color:#9d0e26}.stepper{display:flex;justify-content:space-between;gap:12px}.icon-left{padding-left:14px}.results-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:20px;align-items:stretch}.score-panel,.pie-panel{display:grid;align-content:center;min-height:360px;padding:clamp(22px,4vw,44px)}.score-panel h1{font-size:clamp(3rem,9vw,7rem)}.muted{max-width:520px;margin:18px 0 24px;color:#4c5f84;font-size:1.05rem;line-height:1.55}.pie-panel{justify-items:center}.pie-chart{position:relative;width:min(320px,72vw);aspect-ratio:1;overflow:hidden;border-radius:50%;background:conic-gradient(#012169 0deg var(--score),#d7e0ef var(--score) 360deg);box-shadow:inset 0 0 0 1px #10182024,0 20px 50px #01216929}.flag-fill{position:absolute;inset:0;border-radius:inherit;background-color:#012169;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3Crect width='60' height='30' fill='%23012169'/%3E%3Cpath d='M0 0 60 30M60 0 0 30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0 0 60 30M60 0 0 30' stroke='%23C8102E' stroke-width='3'/%3E%3Cpath d='M30 0v30M0 15h60' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='M30 0v30M0 15h60' stroke='%23C8102E' stroke-width='6'/%3E%3C/svg%3E");background-position:center;background-size:cover;-webkit-mask-image:conic-gradient(#000 0deg var(--score),transparent var(--score) 360deg);mask-image:conic-gradient(#000 0deg var(--score),transparent var(--score) 360deg)}.pie-hole{position:absolute;inset:32%;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #1018201f}.pie-hole strong{font-size:clamp(2rem,7vw,3.6rem)}.result-actions{display:flex;flex-wrap:wrap;gap:12px;grid-column:1 / -1}.category-panel{display:grid;gap:16px;grid-column:1 / -1;padding:clamp(18px,3vw,28px)}.category-panel-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.category-panel-heading span{color:#4c5f84;font-weight:800}.category-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.category-score{display:grid;gap:10px;min-width:0;padding:14px;border:1px solid rgba(1,33,105,.12);border-radius:8px;background:#f7f9fd}.category-score-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.category-score-header strong{color:#061b45;line-height:1.2}.category-score-header span{color:#c8102e;font-size:1.45rem;font-weight:900}.category-meter{height:9px;overflow:hidden;border-radius:999px;background:#d7e0ef}.category-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#012169,#c8102e)}.category-score-meta{display:flex;flex-wrap:wrap;gap:6px}.category-score-meta span{padding:5px 8px;border-radius:999px;background:#e7eef8;color:#243b70;font-size:.78rem;font-weight:800}.review-layout{display:grid;gap:16px}.review-header{display:flex;align-items:end;justify-content:space-between;gap:16px}.review-header h1{font-size:clamp(2rem,5vw,3.5rem)}.segmented-control{display:inline-flex;padding:4px;border:1px solid rgba(1,33,105,.16);border-radius:8px;background:#ffffffb8}.segmented-control button{min-height:38px;padding:0 14px;border-radius:6px;background:transparent;color:#4c5f84;cursor:pointer;font-weight:800}.segmented-control .active{background:#012169;color:#fff}.review-list{display:grid;gap:10px}.review-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px}.review-task{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;min-height:54px;padding:8px 10px;border-radius:6px;background:transparent;color:#061b45;cursor:pointer;text-align:left}.review-task span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e7eef8;color:#243b70;font-weight:900}.review-task strong{display:grid;gap:3px;line-height:1.35}.review-task small{color:#4c5f84;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.mini-answer-group{display:grid;grid-template-columns:repeat(2,92px);gap:8px}.mini-answer{min-height:40px;border-radius:8px;background:#e7eef8;color:#243b70;cursor:pointer;font-weight:900}.mini-answer.active-yes{background:#012169;color:#fff}.mini-answer.active-no{background:#c8102e;color:#fff}.reset-button{justify-self:start;padding:0 16px;color:#9d0e26;background:#fde4e9}.danger-zone{display:flex;justify-content:flex-end;grid-column:1 / -1}.reset-data-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid rgba(200,16,46,.18);border-radius:8px;background:#fde4e99e;color:#9d0e26;cursor:pointer;font-weight:800}.reset-data-button:hover{background:#fde4e9}.contact-footer{display:flex;justify-content:center;padding:6px 0 0}.contact-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;background:transparent;color:#4c5f84;cursor:pointer;font-size:.92rem;font-weight:800}.contact-button span{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:center}.inline-mail-icon{flex:0 0 auto}.contact-button:hover{background:#01216914;color:#012169}.contact-button b{color:#c8102e;font-weight:900}@media(max-width:760px){.app-shell{width:min(100% - 20px,1120px);padding-top:calc(18px + env(safe-area-inset-top,0px))}.topbar,.progress-panel,.results-layout,.review-header,.review-row{grid-template-columns:1fr}.topbar,.review-header{align-items:stretch;flex-direction:column}.topbar-actions,.progress-stats,.score-stats,.result-actions{justify-content:stretch}.ghost-button,.primary-button,.brand-button,.result-actions button{width:100%}.progress-panel{gap:12px}.progress-stats span,.score-stats span{flex:1;text-align:center}.question-card{min-height:0}.question-card h1{font-size:clamp(2rem,11vw,3.6rem)}.question-content{padding:22px 22px 18px}.question-controls{padding:12px 22px}.answer-grid{grid-template-columns:1fr 1fr}.answer-button{min-height:96px}.results-layout{display:grid}.score-panel,.pie-panel{min-height:auto}.review-row{display:grid}.danger-zone{justify-content:stretch}.reset-data-button{width:100%}.mini-answer-group{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:460px){.brand-button span{white-space:normal}.stepper{grid-template-columns:1fr;display:grid}.review-task{grid-template-columns:36px minmax(0,1fr)}}
