:root{font-family:Inter,SF Pro Display,PingFang SC,system-ui,sans-serif;color:#edf2ff;background:#0b1020}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse 100% 70% at 75% -20%,#233d70 0%,transparent 66%),#0b1020}button{font:inherit}.shell{min-height:100vh;max-width:1440px;margin:auto;padding:0 56px}nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1f}nav .logo{border:0;background:none;color:#f4f7ff;display:flex;gap:11px;align-items:center;font-size:18px;font-weight:700;cursor:pointer}nav .logo i{font:18px Georgia;border:1px solid #6eb7ff;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;color:#6eb7ff}nav>span{color:#a7b4cd;font-size:13px}nav>span b{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6de0c0;margin-right:8px}.eyebrow{margin:0;color:#7f9aca;font-size:11px;letter-spacing:.16em;font-weight:700}.welcome{padding:clamp(80px,13vh,150px) 0 45px}.intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(50px,12vw,180px);align-items:center;margin-top:23px}.welcome h1,.result h1{font-size:clamp(50px,7vw,92px);line-height:1.05;letter-spacing:-.06em;margin:0;font-weight:650}.welcome h1 em{font-family:Georgia,Songti SC,serif;font-weight:400;color:#8cbcff}.welcome .intro>div>p{max-width:510px;font-size:17px;line-height:1.85;color:#b4c0d7;margin:30px 0}.primary{border:0;border-radius:8px;padding:14px 20px;background:#eaf1ff;color:#13203b;font-weight:700;cursor:pointer}.primary strong{margin-left:22px}.welcome small{margin-left:18px;color:#8e9bb3;font-size:13px}.intro aside{border-left:1px solid #ffffff33;padding-left:30px}.intro aside>p{font-size:10px;letter-spacing:.17em;color:#7f9aca}.intro aside>div{display:grid;grid-template-columns:9px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #ffffff17}.intro aside i{width:9px;height:9px;border-radius:50%}.intro aside b{color:#8391aa;font:12px ui-monospace}.intro aside footer{margin-top:24px;font-size:13px;color:#8090a9;line-height:1.7}.rules{margin-top:100px;padding-top:20px;border-top:1px solid #ffffff1f;color:#8290a9;font-size:12px}.quiz{min-height:calc(100vh - 82px);display:grid;grid-template-columns:125px 1fr;gap:clamp(35px,8vw,130px);padding:50px 0}.rail{border-right:1px solid #ffffff1f;padding-right:22px;display:flex;flex-direction:column;color:#8391aa}.rail>b{font-size:35px;color:#fff;margin:7px 0}.rail>b em{font-size:14px;font-style:normal;font-weight:400;color:#8391aa}.rail>i{height:260px;width:2px;background:#25314b;position:relative;margin:10px 0}.rail>i u{position:absolute;bottom:0;left:0;width:100%;background:#6eb7ff}.rail span{font-size:11px}.question{max-width:900px;width:100%;margin:auto}.question>header{display:flex;justify-content:space-between;color:#8c9bb5;font-size:12px}.question>header button,.question>footer>button:first-child,.result>header>button{border:0;background:none;color:#a4b4d0;cursor:pointer}.question article{padding-top:clamp(65px,13vh,145px);animation:show .25s ease}.question article>p{font-size:11px;letter-spacing:.15em;color:#75b9ff}.question h2{font-size:clamp(38px,5vw,64px);letter-spacing:-.045em;line-height:1.16;font-weight:560;max-width:760px;margin:0}.ends{display:flex;justify-content:space-between;max-width:680px;margin-top:65px;color:#7e8da6;font-size:12px}.answers{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:780px;margin-top:12px}.answers button{min-height:104px;padding:13px 9px;border-radius:10px;border:1px solid #2a3957;background:#162036aa;color:#aebcd3;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;cursor:pointer}.answers button:hover,.answers button.picked{border-color:#91c7ff;color:#fff}.answers button.picked{background:#18395f;box-shadow:inset 0 0 0 1px #91c7ff}.answers b{font:15px ui-monospace}.answers span{font-size:12px}.question>footer{display:flex;justify-content:space-between;margin-top:55px}.question>footer button:disabled{opacity:.35;cursor:not-allowed}.result{padding:75px 0}.result>header{display:flex;justify-content:space-between;align-items:flex-end}.result h1{font-size:clamp(45px,6vw,76px);margin-top:12px}.result-intro{max-width:680px;color:#aebbd0;line-height:1.8;margin:35px 0 43px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.cards article{background:#162036b3;border:1px solid #273755;border-radius:12px;padding:19px 15px;min-height:235px;display:flex;flex-direction:column;justify-content:space-between}.ring{width:67px;height:67px;border-radius:50%;background:conic-gradient(var(--c) var(--deg),#273550 0);position:relative;display:grid;place-items:center;align-content:center}.ring:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#15213a}.ring b,.ring small{z-index:1;line-height:1}.ring b{font-size:19px}.ring small{font-size:8px;color:#91a0b9;margin-top:3px}.cards p{color:var(--c);font-size:12px;margin:10px 0 4px}.cards h2{font-size:19px;margin:0 0 6px}.cards span{color:#91a0b8;font-size:11px;line-height:1.6}.reading{display:grid;grid-template-columns:180px 1fr;gap:0 60px;margin-top:76px;padding-top:26px;border-top:1px solid #293752}.reading>.eyebrow{padding-top:5px}.reading article{display:grid;grid-template-columns:38px 1fr;gap:16px;padding-bottom:23px}.reading article>b{font:25px Georgia}.reading h3{margin:0;font-size:17px}.reading article p{margin:6px 0 0;color:#9eacc3;font-size:14px;line-height:1.75}.source{margin-top:25px;color:#75839b;font-size:12px;line-height:1.7;max-width:770px}@keyframes show{0%{opacity:0;transform:translateY(8px)}to{opacity:1}}@media(max-width:800px){.shell{padding:0 23px}.intro,.quiz{grid-template-columns:1fr}.intro aside{border-left:0;border-top:1px solid #ffffff33;padding:27px 0 0}.rules{margin-top:65px}.rail{display:none}.quiz{padding-top:30px}.cards{grid-template-columns:repeat(2,1fr)}.reading{grid-template-columns:1fr;gap:25px}nav>span{display:none}}@media(max-width:520px){nav{height:68px}.welcome{padding-top:70px}.welcome h1{font-size:48px}.welcome small{display:block;margin:15px 0}.answers{grid-template-columns:1fr;gap:7px}.answers button{min-height:58px;flex-direction:row;align-items:center}.ends{margin-top:40px}.question article{padding-top:80px}.question h2{font-size:37px}.question>footer{margin-top:35px}.cards{grid-template-columns:1fr}.result>header{align-items:flex-start;flex-direction:column}.result{padding-top:50px}}.profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.profiles article{background:#162036b3;border:1px solid #273755;border-radius:12px;padding:23px;min-height:330px}.profiles article:last-child{grid-column:span 2}.profile-head{display:flex;align-items:center;gap:17px}.profile-head p{margin:0 0 5px;color:var(--c);font-size:13px}.profile-head h2{margin:0 0 4px;font-size:23px}.profile-head span{color:#9aa9c1;font-size:12px}.scale-meter{display:grid;grid-template-columns:27px 1fr 27px;gap:9px;align-items:center;margin:22px 0 18px;color:#8190a8;font:11px ui-monospace}.scale-meter i{height:4px;position:relative;background:#2c3a56;border-radius:3px}.scale-meter b{position:absolute;width:12px;height:12px;background:var(--c);border-radius:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #162036,0 0 0 5px var(--c)}.profile-notes{display:grid;gap:9px}.profile-notes p{margin:0;color:#afbdd2;font-size:13px;line-height:1.65}.profile-notes b{display:block;color:#e7eefb;font-size:11px;letter-spacing:.05em;margin-bottom:1px}.profile-notes .tip{border-top:1px solid #ffffff16;padding-top:10px;color:#91a1ba}.profile-notes .tip b{color:var(--c)}@media(max-width:800px){.profiles{grid-template-columns:1fr}.profiles article:last-child{grid-column:auto}}@media(max-width:520px){.profiles article{padding:18px}.profile-head h2{font-size:21px}}