/* A calm, one-question-at-a-time canvas with TERAN's own portfolio around it. */
.quiz-body{--quiz-paper:#f3f6fc;--quiz-ink:#182b49;--quiz-muted:#56657e;--quiz-accent:#b8d2ff;--quiz-blue:#274b9b;background:var(--quiz-paper)}
.quiz-body .site-header,.quiz-body .site-footer{background:#080d0f;color:#f3f6fc}
.quiz-page{color:var(--quiz-ink)}
.quiz-page [hidden]{display:none!important}
.quiz-page button,.quiz-page input,.quiz-page textarea{font:inherit}
.quiz-page button{cursor:pointer;color:inherit}
.quiz-page button:disabled{cursor:default;opacity:.4}
.quiz-page a:focus-visible,.quiz-page button:focus-visible,.quiz-page summary:focus-visible{outline:2px solid var(--quiz-blue);outline-offset:6px}
.quiz-experience{min-height:calc(100svh - 94px);position:relative;isolation:isolate;overflow:hidden;padding:36px var(--gutter) 34px;display:flex;flex-direction:column}
.quiz-topline{display:flex;align-items:start;justify-content:space-between;gap:30px;z-index:3}
.quiz-wordmark{font-size:23px;letter-spacing:-.05em;font-weight:500;display:flex;align-items:baseline;gap:10px}
.quiz-wordmark span{font-size:10px;letter-spacing:.06em;font-weight:400}
.quiz-orbits{position:absolute;width:800px;height:800px;left:50%;top:48%;transform:translate(-50%,-50%);border:1px solid #274b9b10;border-radius:50%;z-index:-1;pointer-events:none}
.quiz-orbits:before,.quiz-orbits:after{content:"";position:absolute;border:1px solid #274b9b10;border-radius:50%;inset:75px}
.quiz-orbits:after{inset:150px;background:#ffffff35}
.quiz-art{position:absolute;width:clamp(105px,14vw,220px);height:clamp(120px,17vw,260px);overflow:hidden;z-index:-1;pointer-events:none;box-shadow:0 28px 38px -12px #182b4945,0 8px 16px -5px #182b4924;transition:transform 1s cubic-bezier(.2,.7,.3,1),opacity .6s;opacity:.92;animation:quiz-photo-float 9s ease-in-out infinite;will-change:translate}
@keyframes quiz-photo-float{0%,100%{translate:0 5px;rotate:-.4deg}50%{translate:3px -10px;rotate:.5deg}}
.quiz-art img{width:100%;height:100%;object-fit:cover}
.quiz-art-a{left:-4%;top:16%;transform:rotate(-12deg)}
.quiz-art-b{right:-2%;top:18%;transform:rotate(10deg);animation-duration:11s;animation-delay:-3s}
.quiz-art-c{right:3%;bottom:10%;width:clamp(90px,11vw,165px);height:clamp(95px,13vw,185px);transform:rotate(-9deg);animation-duration:10s;animation-delay:-6s}
.quiz-art-d{left:4%;bottom:3%;width:clamp(90px,11vw,175px);height:clamp(100px,10vw,150px);transform:rotate(7deg);animation-duration:12s;animation-delay:-2s}
.quiz-active .quiz-art{opacity:.5}
.quiz-active .quiz-art-a{transform:translate(-18px,-20px) rotate(-7deg)}
.quiz-active .quiz-art-c{transform:translate(25px,25px) rotate(-4deg)}
.quiz-active .quiz-art-c,.quiz-active .quiz-art-d{bottom:20%}
.quiz-intro{max-width:980px;text-align:center;margin:auto;position:relative;padding:42px 20px 30px}
.quiz-kicker{font-size:12px;letter-spacing:.015em;margin-bottom:24px;color:var(--quiz-muted)}
.quiz-intro h1{font-size:clamp(52px,min(5.8vw,9svh),100px);font-weight:300;line-height:.99;letter-spacing:-.06em}
.quiz-intro h1 em{font-style:normal;color:#284c99}
.quiz-intro-copy{margin:28px 0 24px;font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:var(--quiz-muted)}
.quiz-start{display:inline-flex;align-items:center;gap:38px;background:var(--quiz-blue);color:var(--quiz-paper)!important;border:1px solid var(--quiz-blue);padding:9px 9px 9px 27px;border-radius:60px;font-size:15px!important;transition:background .2s,transform .2s}
.quiz-start>span{display:grid;place-items:center;background:var(--quiz-accent);color:var(--quiz-ink);width:45px;height:45px;border-radius:50%;font-size:27px}
.quiz-start:hover{background:#315aad;transform:translateY(-2px)}
.quiz-free,.quiz-resume{font-size:12px;color:var(--quiz-muted);margin-top:20px}
.quiz-resume{margin-top:10px;color:var(--quiz-ink)}
.quiz-question{width:min(700px,72%);position:relative;margin:auto;padding:48px 0 38px}
.quiz-question-meta{display:flex;align-items:center;justify-content:center;gap:18px;font-size:12px;color:var(--quiz-muted);margin-bottom:26px}
.quiz-question-meta>span:last-child{border-left:1px solid #182b4935;padding-left:18px;font-variant-numeric:tabular-nums}
.quiz-question fieldset{border:0;padding:0;margin:0;min-width:0;width:100%;text-align:center}
.quiz-question legend{padding:0;width:100%;font-size:clamp(35px,4.1vw,62px);line-height:1.04;letter-spacing:-.05em;font-weight:300;outline:none}
#quiz-prompt{font-size:clamp(18px,1.7vw,23px);line-height:1.5;color:#536581;max-width:660px;margin:26px auto 32px;text-wrap:pretty}
.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}
.quiz-option{position:relative;border:1px solid #7188b1;border-radius:45px;display:flex;align-items:center;gap:14px;padding:12px 19px 12px 12px;min-height:62px;cursor:pointer;background:#f7f9fdd9;font-size:14px;transition:background .2s,border .2s,color .2s,transform .2s}
.quiz-option:hover{border-color:var(--quiz-ink);transform:translateY(-2px)}
.quiz-option input{position:absolute;opacity:0;width:1px;height:1px}
.quiz-option:has(input:focus-visible){outline:2px solid var(--quiz-blue);outline-offset:4px}
.quiz-option.is-checked{background:var(--quiz-blue);color:var(--quiz-paper);border-color:var(--quiz-blue)}
.quiz-option-score{display:grid;place-items:center;width:34px;height:34px;border:1px solid #7188b166;border-radius:50%;font-size:13px;flex:none}
.quiz-option.is-checked .quiz-option-score{background:var(--quiz-accent);color:var(--quiz-ink);border-color:var(--quiz-accent)}
.quiz-option-check{margin-left:auto;opacity:0;font-size:21px}
.quiz-option.is-checked .quiz-option-check{opacity:1}
.quiz-step-actions{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:32px}
.quiz-back{border:0;border-bottom:1px solid #182b4955;background:transparent;padding:8px 0;font-size:13px!important}
.quiz-next{display:flex;gap:26px;align-items:center;padding:8px 8px 8px 24px;border:0;background:var(--quiz-accent);border-radius:60px;font-size:14px!important}
.quiz-next span{display:grid;place-items:center;border:1px solid #182b4955;border-radius:50%;width:36px;height:36px;font-size:21px}
.quiz-answer-note{text-align:center;font-size:11px;color:var(--quiz-muted);margin-top:20px}
.quiz-track{position:relative;z-index:2;margin-top:auto}
.quiz-track-label{background:var(--quiz-paper)}
.quiz-track-label{display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:11px;margin-bottom:15px;color:var(--quiz-muted)}
.quiz-track-label button{padding:5px 0;background:none;border:0;font-size:11px;text-decoration:underline;text-underline-offset:4px}
.quiz-segments{display:grid;grid-template-columns:repeat(21,1fr);gap:5px}
.quiz-segment{height:5px;background:#274b9b20;position:relative;transition:background .25s}
.quiz-segment.is-filled{background:#274b9b}
.quiz-segment.is-current:after{content:"";position:absolute;left:50%;top:-7px;width:3px;height:3px;border-radius:50%;background:var(--quiz-ink)}
.quiz-enter{animation:quiz-step-in .35s ease both}
@keyframes quiz-step-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.quiz-results{padding:70px max(var(--gutter),calc((100vw - 1300px)/2)) 80px;background:var(--quiz-paper)}
.quiz-result-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:24px}
.quiz-result-top .quiz-kicker{margin:0}
.quiz-results h2{font-size:clamp(60px,7vw,110px);font-weight:300;line-height:1.02;letter-spacing:-.06em;outline:none}
.quiz-result-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,9vw,140px);margin-top:70px}
.quiz-result-score{border-top:1px solid #182b4940;padding-top:32px;margin-bottom:34px}
#quiz-result-percent{font-size:clamp(85px,9vw,138px);line-height:1;font-weight:300;letter-spacing:-.08em}
#quiz-result-percent small{font-size:.35em;letter-spacing:-.04em;margin-left:8px}
#quiz-result-fraction{font-size:13px;color:var(--quiz-muted);margin-top:13px}
.quiz-reading h3,.quiz-lead h3{font-size:clamp(34px,3.4vw,51px);line-height:1.08;font-weight:300;letter-spacing:-.045em;margin-bottom:22px}
.quiz-reading>p,.quiz-lead>p{font-size:17px;line-height:1.65;color:var(--quiz-muted)}
.quiz-next-step{border-left:2px solid #284c99;padding-left:22px;margin:30px 0}
.quiz-next-step>span,.quiz-priorities h4{font-size:12px;font-weight:500}
.quiz-next-step>p{font-size:17px;line-height:1.65;margin-top:10px}
.quiz-priorities{margin-bottom:24px}
.quiz-priorities ul{list-style:none;padding:0;margin:15px 0 0}
.quiz-priorities li{font-size:14px;border-top:1px solid #182b4925;padding:10px 0;display:flex;gap:12px;justify-content:space-between}
.quiz-priorities li span{color:var(--quiz-muted)}
.quiz-reading>.quiz-disclaimer{font-size:11px;line-height:1.65;margin-top:26px;max-width:430px}
.quiz-lead{background:#e6edf9;padding:38px;align-self:start}
.quiz-lead .quiz-kicker{font-size:11px;margin-bottom:20px}
.quiz-lead form{margin-top:25px}
.quiz-lead label{display:block;font-size:12px;line-height:1.5;margin-bottom:23px}
.quiz-lead label>span{color:var(--quiz-muted);font-size:11px;float:right}
.quiz-lead input,.quiz-lead textarea{display:block;width:100%;border:0;border-bottom:1px solid #182b4960;background:transparent;padding:12px 0;color:var(--quiz-ink);font-size:16px;line-height:1.5;outline:none;border-radius:0}
.quiz-lead input:focus,.quiz-lead textarea:focus{border-bottom:2px solid var(--quiz-blue)}
.quiz-lead input::placeholder,.quiz-lead textarea::placeholder{color:#56657e}
.quiz-lead textarea{resize:vertical;min-height:72px}
.quiz-send{background:var(--quiz-blue);color:var(--quiz-paper)!important;border:0;padding:17px 22px;border-radius:40px;display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;font-size:14px!important;line-height:1.4}
.quiz-send>span:last-child{font-size:22px}
.quiz-send-note,.quiz-form-status{font-size:11px;color:var(--quiz-muted);line-height:1.6;margin-top:16px}
.quiz-form-status:not(:empty){font-size:14px;color:var(--quiz-ink)}
.quiz-mail-actions{margin-top:20px}
.quiz-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.quiz-answer-review{margin-top:60px;border-block:1px solid #182b4945}
.quiz-answer-review summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:25px 0;font-size:20px;list-style:none}
.quiz-answer-review summary::-webkit-details-marker{display:none}
.quiz-answer-review ol{list-style:none;padding:0;margin:0 0 22px;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.quiz-answer-review li{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;border-top:1px solid #182b4920;padding:15px 0}
.quiz-answer-review li span{color:var(--quiz-muted)}
.quiz-answer-review button{border:0;border-bottom:1px solid #182b4955;background:none;padding:3px 0;font-size:12px;white-space:nowrap}
.quiz-result-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:38px;font-size:13px}
.quiz-result-bottom button{border:0;background:none;padding:8px 0}
.quiz-results-visible .quiz-experience{min-height:0;padding-bottom:30px}
.quiz-results-visible .quiz-art,.quiz-results-visible .quiz-orbits{display:none}
.quiz-noscript{font-size:15px;line-height:1.5;margin-top:20px}
.quiz-noscript a{text-decoration:underline}
@media(max-width:1100px){.quiz-art{opacity:.42;width:125px;height:160px}.quiz-art-a{left:-5%}.quiz-art-b{right:-5%}.quiz-art-c,.quiz-art-d{width:100px;height:115px}.quiz-active .quiz-art{opacity:.28}.quiz-question{width:min(650px,82%)}.quiz-result-layout{gap:40px}.quiz-lead{padding:28px}}
@media(max-width:760px){.quiz-experience{min-height:calc(100svh - 80px);padding-top:23px;padding-bottom:25px}.quiz-topline{gap:15px}.quiz-wordmark{font-size:21px}.quiz-wordmark span{font-size:9px}.quiz-art-a{width:92px;height:110px;top:14%;left:-45px}.quiz-art-b{width:80px;height:100px;top:12%;right:-40px}.quiz-art-c{width:72px;height:90px;bottom:8%;right:-27px}.quiz-art-d{display:none}.quiz-intro{padding:65px 0 55px;width:100%}.quiz-kicker{font-size:11px;margin-bottom:22px}.quiz-intro h1{font-size:clamp(41px,8.9vw,67px);letter-spacing:-.055em;line-height:1.05}.quiz-intro-copy{font-size:16px;padding-inline:20px}.quiz-intro-copy br{display:none}.quiz-start{font-size:14px!important;gap:22px;padding-left:22px}.quiz-start>span{width:41px;height:41px}.quiz-question{width:100%;padding:42px 0 32px}.quiz-question-meta{font-size:11px;gap:12px;margin-bottom:24px}.quiz-question legend{font-size:clamp(30px,8vw,43px);max-width:94%;margin:auto}.quiz-question #quiz-prompt{font-size:17px;line-height:1.45;margin:22px 0 26px;padding:0 6px}.quiz-options{gap:10px;grid-template-columns:1fr}.quiz-option{min-height:54px;padding-block:8px;font-size:13px;gap:14px}.quiz-option-score{width:31px;height:31px;font-size:12px}.quiz-step-actions{margin-top:22px}.quiz-next{padding-left:20px;gap:18px;font-size:13px!important}.quiz-answer-note{font-size:10px;margin-top:18px}.quiz-segments{gap:3px}.quiz-segment{height:4px}.quiz-track-label{font-size:10px}.quiz-track-label button{font-size:10px}.quiz-orbits{width:650px;height:650px}.quiz-results{padding-top:38px;padding-bottom:50px}.quiz-result-top{align-items:start;flex-direction:column;gap:15px}.quiz-results h2{font-size:clamp(53px,13vw,76px)}.quiz-result-layout{display:block;margin-top:38px}.quiz-result-score{padding-top:26px;margin-bottom:30px}.quiz-reading h3,.quiz-lead h3{font-size:35px}.quiz-reading>p,.quiz-lead>p,.quiz-next-step>p{font-size:16px}.quiz-lead{margin-top:42px;padding:27px 22px}.quiz-answer-review{margin-top:38px}.quiz-answer-review ol{grid-template-columns:1fr}.quiz-result-bottom{font-size:12px;align-items:start;flex-direction:column;gap:15px}.quiz-results-visible .quiz-experience{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){.quiz-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}