@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap');
textarea{width:100%;min-height:150px;resize:vertical}
.logo{max-width:100%;height:auto;margin-bottom:24px}
.modal-overlay{position:fixed;inset:0;background:rgba(23,34,31,.7);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-overlay[hidden]{display:none}
.modal{background:var(--card);border:1px solid var(--line);padding:36px;max-width:420px;width:100%;text-align:center}
.modal h2{font-size:27px;letter-spacing:-1px}
.modal .lede,.modal p{color:var(--muted);margin-bottom:26px}
.modal .button{margin:0 auto}
.slider-labels{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:13px;line-height:1.4}
:root{--ink:#17221f;--muted:#697572;--paper:#f3f1ea;--card:#fffdf7;--lime:#d8f36a;--line:#d7dcd2;--coral:#f07b61;--primary:#6177CE;--primary-dark:#0D19B5
}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope, sans-serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(120deg,transparent 0 48%,rgba(23,34,31,.035) 48% 49%,transparent 49% 100%);background-size:32px 32px}.shell{max-width:1100px;margin:auto;padding:70px 32px 100px}.narrow{max-width:760px}.masthead{margin-bottom:70px}.eyebrow,.label,.question-number{font:500 12px 'DM Mono',monospace;letter-spacing:0;text-transform:uppercase}.eyebrow{color:var(--primary);margin:0 0 22px}.label{color:var(--muted)}h1,h2,p{margin-top:0}h1{font-size:clamp(42px,7vw,82px);line-height:.98;letter-spacing:-3px;margin-bottom:24px}h2{font-size:27px;letter-spacing:-1px;margin:14px 0}.lede{color:var(--muted);font-size:18px;line-height:1.6;max-width:570px}.test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.test-card,.form-panel{background:var(--card);border:1px solid var(--line);padding:28px}.test-card{min-height:285px;display:flex;flex-direction:column;justify-content:space-between}.test-card p{color:var(--muted);line-height:1.6}.test-card footer,.test-head>div{display:flex;align-items:center;justify-content:space-between}.test-card footer{font:12px 'DM Mono',monospace;color:var(--muted)}
.button{display:inline-flex;align-items:center;gap:15px;background:var(--primary);color:#fff;text-decoration:none;border:0;padding:15px 18px;font:600 14px Manrope;cursor:pointer}
.button:hover{background:var(--primary-dark)}
.back{display:inline-block;color:var(--primary);margin-bottom:75px;text-decoration:none}
.form-panel{display:grid;gap:22px;margin-top:42px}label{display:grid;gap:8px;font-weight:700;font-size:14px}input,textarea{font:inherit;border:1px solid var(--line);background:#fff;padding:14px;color:var(--ink)}input:focus,textarea:focus{outline:2px solid var(--lime);outline-offset:2px}.muted{font-weight:400;color:var(--muted)}.test-head{border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:40px}.test-head h1{font-size:38px;letter-spacing:-2px;margin:0}.timer{font:600 20px 'DM Mono';letter-spacing:1px;background:var(--primary);color:#fff;border-radius:999px;padding:12px 22px;box-shadow:0 6px 16px rgba(97,119,206,.35)}.question-form{display:grid;gap:18px}
.question{border:1px solid var(--line);background:var(--card);padding: 12px 24px 24px 24px;margin:0}
.question legend{display:block;font-size:18px;font-weight:700;line-height:1.4}
.question-number{display:block;color:var(--coral);margin-bottom:0px}
.question-title{font-size:18px;font-weight:700;line-height:1.4;padding:0px 0 20px 20px;width:100%}
.option{display:flex;grid-template-columns:none;align-items:center;gap:12px;border-top:1px solid var(--line);padding:15px 0;font-weight:600}.option input{accent-color:var(--primary)}.range{width:100%;accent-color:var(--primary)}output{font:500 14px 'DM Mono';display:block;margin-top:8px}.completion{text-align:center;padding-top:15vh}.completion .lede{margin:0 auto 42px}.score{display:flex;align-items:baseline;gap:10px;justify-content:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px;margin-bottom:35px}.score strong{font-size:64px;letter-spacing:-4px}.score span{color:var(--muted)}@media(max-width:600px){.shell{padding:40px 18px 70px}.masthead{margin-bottom:45px}h1{letter-spacing:-2px}.test-card{min-height:250px}.back{margin-bottom:45px}.test-head h1{font-size:28px}
.question{padding:19px}.completion{padding-top:12vh}}