@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--gold:#efbf6b;--muted:#aeb5d1;--line:#363e72}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 43% 39%,#202054 0,transparent 52%),radial-gradient(ellipse at 90% 5%,#161c45,transparent 42%),#080d22;color:#f6f5ff;font-family:'DM Sans',sans-serif;font-size:16px;min-height:100vh}body:before{content:'';position:absolute;inset:90px 0 auto;height:500px;background:linear-gradient(115deg,transparent 47%,#7883f706 48%,transparent 52%),linear-gradient(65deg,transparent 45%,#7883f706 48%,transparent 52%);pointer-events:none}header{max-width:1240px;margin:auto;padding:30px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;text-decoration:none;font-size:23px;font-weight:700;color:#fff;letter-spacing:-1px}.brand>span:last-child{font-weight:400;color:#c2c6e3}.brandmark{display:grid;place-items:center;width:35px;height:35px;margin-right:12px;border:1px solid #a59aef;border-radius:50%;color:var(--gold);font-family:Georgia,serif;box-shadow:0 0 20px #a295fa1a}.prototype,.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600}.prototype{color:var(--muted)}main{max-width:1144px;margin:auto;padding:48px 28px 25px}.intro{margin-bottom:38px}.eyebrow{color:var(--gold)}h1{font-family:Manrope,sans-serif;font-size:clamp(36px,4.5vw,56px);line-height:1.12;letter-spacing:-2px;margin:16px 0}h1 em{font-style:normal;color:#c6baff}.intro p{color:var(--muted);line-height:1.65;margin:18px 0 0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:56px}.stage{min-width:0;padding:26px 28px 20px;background:linear-gradient(150deg,#20234ba8,#111733d9);border:1px solid #4c4a766e;border-radius:20px;box-shadow:0 20px 80px #0002}.stage-top{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;letter-spacing:1px}.stage-top span:first-child{color:var(--gold)}.meter{height:3px;background:#ffffff10;margin:20px 0 30px;border-radius:4px;overflow:hidden}.meter span{display:block;height:100%;background:linear-gradient(90deg,#857bed,var(--gold));width:12.5%;transition:width .25s}fieldset{padding:0;margin:0;border:0;min-width:0}legend{font:600 27px/1.3 Manrope,sans-serif;letter-spacing:-.6px;padding:0;width:100%}#context{color:var(--muted);line-height:1.6;font-size:14px;min-height:44px;margin:14px 0 24px}#answers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.answer{position:relative;display:flex;align-items:center;gap:12px;min-height:70px;padding:15px 20px;background:linear-gradient(110deg,#1a2451,#151a3d);border:1px solid #62699d;border-radius:7px 24px 7px 24px;cursor:pointer;transition:background .15s,border-color .15s;line-height:1.4}.answer:hover{background:#2d3161;border-color:#b5adeb}.answer:has(input:checked){background:linear-gradient(110deg,#f0c77d,#daa950);border-color:#f9da98;color:#19182a;box-shadow:0 0 24px #edbd6620}.letter{color:var(--gold);font-weight:700}.answer:has(input:checked) .letter{color:#4c3512}.answer input{position:absolute;opacity:0;width:1px;height:1px}.answer:has(input:focus-visible){outline:3px solid #dfd6ff;outline-offset:4px}.answer-text{font-size:15px}#feedback{font-size:14px;color:#d9c797;line-height:1.55;margin-top:20px;min-height:22px}.navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff12;margin-top:24px;padding-top:20px}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #d1c4ff;outline-offset:4px}button:disabled{cursor:default;opacity:.4}.quiet{border:0;background:none;color:var(--muted);padding:10px 0;font-size:14px}.next{border:1px solid #a392e6;border-radius:8px;background:#a997ef;color:#13142c;font-weight:700;padding:13px 22px;min-width:114px;display:flex;justify-content:space-between;gap:20px}.next:hover:not(:disabled){background:#c3b1ff}#hint{font-size:12px;color:var(--muted);text-align:center}.privacy{text-align:center;color:#9aa2c2;font-size:12px;margin-top:26px}aside{padding:8px 0}aside h2{font:500 24px/1.4 Manrope,sans-serif;margin:14px 0 24px;letter-spacing:-.6px}#ladder{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}#ladder li{display:flex;align-items:center;gap:14px;padding:10px 12px;font-size:14px;color:#8992b7;border:1px solid transparent;border-radius:7px}#ladder .active{background:#eebf6811;border-color:#edbd6650;color:#f5d095}#ladder .done{color:#c4c2e8}.stepnum{font-size:12px;min-width:22px;font-variant-numeric:tabular-nums}.aside-note{font-size:12px;line-height:1.7;color:#939dbf;border-top:1px solid #ffffff15;margin-top:24px;padding-top:20px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:38px;color:#8f99bc;font-size:12px}footer button{font-size:12px!important}#sources{padding:20px 0;max-width:800px;color:#bac2df;font-size:14px;line-height:1.7}a{color:#c4baff}#result h2{font:600 29px/1.3 Manrope,sans-serif;margin:0 0 14px}#result>p{color:var(--muted);line-height:1.6}#result ol{padding:0;list-style:none;counter-reset:plan}#result li{counter-increment:plan;padding:15px 0 15px 38px;position:relative;border-bottom:1px solid #ffffff12;line-height:1.6;font-size:14px;color:#c6cce2}#result li:before{content:counter(plan,decimal-leading-zero);position:absolute;left:0;color:var(--gold)}#result li strong{color:#fff;display:block;font-size:16px}#result .quiet{margin-right:22px}[hidden]{display:none!important}@media(max-width:800px){header{padding:23px 24px}.layout{grid-template-columns:1fr;gap:25px}aside{display:none}main{padding-top:30px}.intro{margin-bottom:28px}h1 br{display:none}.intro p br{display:none}.intro p{max-width:470px}footer{align-items:flex-start;flex-direction:column;gap:4px;margin-top:24px}}@media(max-width:480px){header{padding:18px}.brand{font-size:21px}.prototype{font-size:10px;letter-spacing:1px;max-width:80px;text-align:right}main{padding:26px 16px}.eyebrow{font-size:10px;letter-spacing:1.7px}.stage{padding:23px 18px 18px;border-radius:14px}legend{font-size:23px}#answers{grid-template-columns:1fr;gap:11px}.answer{min-height:59px}#hint{display:none}.stage-top{font-size:10px}.intro p{font-size:14px}h1{letter-spacing:-1.4px}.privacy{line-height:1.6}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
