:root{--night:#171720;--acid:#d9ff45;--purple:#7559ff;--cream:#f5f2e9;--muted:#8e8d98}*{box-sizing:border-box}body{margin:0;background:var(--night);color:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"PingFang SC",sans-serif}button,input{font:inherit}button{cursor:pointer}header{height:72px;padding:0 5vw;border-bottom:1px solid #34333f;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:900;letter-spacing:-.06em;color:white;text-decoration:none;font-size:19px}.logo span{color:var(--acid)}.progress{width:min(380px,35vw);display:flex;align-items:center;gap:13px;color:var(--muted);font-size:11px;text-transform:uppercase}.progress i{height:3px;background:#3b3a46;flex:1}.progress b{display:block;width:0;height:100%;background:var(--acid);transition:.4s}header button{border:1px solid #464552;background:transparent;color:#ddd;border-radius:30px;padding:8px 13px;font-size:12px}header em{background:var(--acid);color:var(--night);border-radius:50%;font-style:normal;padding:2px 6px;margin-left:5px}.screen{display:none;min-height:calc(100vh - 72px)}.screen.active{display:flex}#welcome{padding:8vh 8vw;align-items:center;justify-content:space-between;overflow:hidden}.hero-copy{max-width:610px;position:relative;z-index:2}.kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--acid)}h1{font-size:clamp(46px,7vw,96px);letter-spacing:-.07em;line-height:.93;margin:24px 0}.hero-copy>p:not(.kicker){max-width:520px;color:#adacb5;line-height:1.8;font-size:16px}.cta{border:0;background:var(--acid);color:var(--night);padding:17px 21px;font-weight:800;margin-top:24px;display:flex;justify-content:space-between;gap:35px;min-width:260px}.cta span{font-size:20px}.hero-copy small{display:block;margin-top:14px;color:#6e6d78}.hero-visual{width:43vw;height:43vw;max-width:570px;max-height:570px}.orbit{height:100%;border:1px solid #41404c;border-radius:50%;position:relative;display:grid;place-items:center;animation:spin 30s linear infinite}.orbit:before,.orbit:after{content:"";position:absolute;border:1px dashed #3b3a46;border-radius:50%;inset:12%}.orbit:after{inset:28%}.orbit>span{position:absolute;background:var(--night);padding:7px;color:var(--acid);font-size:13px}.orbit>span:nth-child(1){top:11%;left:8%}.orbit>span:nth-child(2){right:-2%;top:48%;color:#ff6c70}.orbit>span:nth-child(3){bottom:3%;left:38%}.target{width:30%;height:30%;border-radius:50%;background:var(--purple);display:grid;place-items:center;position:relative}.target b{font-size:70px}.target i{position:absolute;width:2px;height:220%;background:#ffffff12}.target i:nth-of-type(2){transform:rotate(60deg)}.target i:nth-of-type(3){transform:rotate(120deg)}@keyframes spin{to{transform:rotate(360deg)}}#quiz{padding:5vh 7vw;flex-direction:column}.quiz-meta{display:flex;justify-content:space-between;border-bottom:1px solid #353440;padding-bottom:13px;color:var(--muted);font-size:12px}.quiz-meta span{color:var(--acid)}.question-wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:6vw;align-items:center;flex:1}.visual{height:min(52vh,490px);background:#22212b;border:1px solid #34333f;display:grid;place-items:center;overflow:hidden}.visual svg{width:88%;height:88%}.answer-panel h2{font-size:clamp(28px,4vw,53px);line-height:1.1;letter-spacing:-.04em;margin:18px 0}.answer-panel>p:not(.kicker){color:var(--muted);line-height:1.6}.answer-panel label{display:flex;border-bottom:2px solid #6c6a78;align-items:end;margin-top:35px}.answer-panel input{width:100%;border:0;background:transparent;color:white;font-size:35px;font-weight:800;outline:0;padding:12px 0}.answer-panel label span{color:var(--acid);padding:12px}.error{color:#ff777b!important;font-size:12px;min-height:18px}.answer-panel .cta{width:100%}#result{padding:6vh 7vw;flex-direction:column}.result-head{display:flex;justify-content:space-between;align-items:end}.result-head h1{font-size:clamp(38px,5vw,70px);margin:15px 0}.result-head>div>p:last-child{color:var(--muted)}.score{width:160px;height:160px;border:1px solid #494854;border-radius:50%;display:grid;place-content:center;text-align:center}.score span{color:var(--muted);font-size:11px}.score b{font-size:55px;color:var(--acid)}.score small{color:var(--muted)}.dashboard{display:grid;grid-template-columns:1fr 230px;gap:18px;margin-top:30px}.chart-card,.metrics{background:#22212b;border:1px solid #353440;padding:22px}.card-head{display:flex;justify-content:space-between}.card-head h3{margin:0}.chart-legend{display:flex;gap:13px;font-size:11px;color:var(--muted)}.chart-legend i{display:inline-block;width:7px;height:7px;background:var(--acid);border-radius:50%;margin-right:4px}.chart-legend span:nth-child(2) i{background:#ff6c70}.chart-legend span:nth-child(3) i{background:#8a72ff}.chart-card svg{width:100%;height:270px}.chart-card>p{margin:0;color:var(--muted);font-size:11px}.metrics{display:grid;gap:1px;padding:0;background:#353440}.metrics div{background:#22212b;padding:24px}.metrics span{display:block;color:var(--muted);font-size:11px}.metrics b{font-size:30px;margin-top:8px;display:block}.metrics button{border:0;background:var(--purple);color:#fff;font-weight:800}dialog{width:min(520px,90vw);background:#22212b;color:white;border:1px solid #555360;padding:24px}dialog::backdrop{background:#09090dcc}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{margin:0}.dialog-head button{border:0;background:transparent;color:white;font-size:28px}.history-item{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:15px 0;border-bottom:1px solid #3b3a46;font-size:13px}.history-item b{color:var(--acid)}.history-item span{color:var(--muted)}.danger{margin-top:20px;background:transparent;color:#ff777b;border:1px solid #ff777b;padding:8px 12px}@media(max-width:760px){header{padding:0 16px}.progress{display:none}#welcome{padding:55px 22px;align-items:flex-start}.hero-copy h1{font-size:51px}.hero-visual{position:absolute;opacity:.3;width:90vw;height:90vw;right:-35vw;bottom:2vh}.question-wrap{grid-template-columns:1fr;gap:22px}.visual{height:32vh}.answer-panel h2{font-size:28px}.result-head{align-items:flex-start}.score{width:105px;height:105px;flex-shrink:0}.score b{font-size:38px}.dashboard{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.metrics button{grid-column:1/-1;padding:15px}.chart-legend{display:none}}