:root{font-family:Inter,Arial,sans-serif;color:#14273e;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}header,main,footer{max-width:1100px;margin:auto;padding:28px 32px}header{display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;font-size:23px;font-weight:800;letter-spacing:-1px}.brand span{color:#2163e8}.demo{font-size:12px;background:#f0f4fa;padding:7px 10px;border-radius:5px;color:#52647b}main{padding-top:75px;padding-bottom:80px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:85px;align-items:center}.eyebrow{font-size:13px;font-weight:700;letter-spacing:1.8px;color:#2163e8;text-transform:uppercase}h1{font-size:clamp(40px,5.5vw,66px);line-height:1.07;letter-spacing:-2.8px;margin:22px 0}h1 span{color:#2163e8}.intro{font-size:18px;line-height:1.7;color:#627084;max-width:440px}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;padding:17px 23px;border:0;border-radius:7px;background:#2163e8;color:white;text-decoration:none;font-size:16px;font-weight:600;cursor:pointer}.button:hover{background:#164dcc}.button:disabled{opacity:.45;cursor:default}.small{font-size:13px;color:#68778b;line-height:1.6}.hero .button{margin:15px 0 4px}.panel{background:#f4f7fc;border:1px solid #e6edf7;border-radius:15px;padding:35px}.panel h2{font-size:24px;letter-spacing:-.7px;margin:8px 0 27px}.step{display:flex;gap:17px;margin:25px 0}.number{flex-shrink:0;background:#fff;color:#2163e8;border:1px solid #e1e8f3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:700}.step h3{font-size:16px;margin:0 0 7px}.step p{font-size:14px;line-height:1.55;color:#627084;margin:0}.note{border-top:1px solid #dde5f0;padding-top:20px;margin-bottom:0}.strip{display:flex;gap:45px;border-top:1px solid #e6ebf1;padding-top:28px;margin-top:75px;color:#627084;font-size:14px}footer{border-top:1px solid #e6ebf1;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#718093;line-height:1.7}footer p{margin:0;max-width:630px}.quiz{max-width:660px;padding-top:50px}.backlink{font-size:14px;color:#627084;text-decoration:none}.quiz h1{font-size:36px;letter-spacing:-1.3px;line-height:1.2}.progress-label{display:flex;justify-content:space-between;font-size:13px;color:#627084;margin:35px 0 12px}.track{height:5px;background:#e9eef6;border-radius:10px;overflow:hidden}.track div{height:100%;background:#2163e8;transition:width .2s}.answers{display:grid;gap:12px;margin:28px 0}.option{display:flex;align-items:center;gap:14px;border:1px solid #dce3ed;border-radius:8px;padding:19px;cursor:pointer;font-size:16px}.option:has(input:checked){border-color:#2163e8;background:#f1f6ff}.option input{width:18px;height:18px;accent-color:#2163e8;margin:0}.actions{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.secondary{background:none;border:0;color:#627084;font-size:15px;cursor:pointer;padding:15px 0}button:focus-visible,a:focus-visible{outline:3px solid #88b4ff;outline-offset:4px}.summary{padding:0;list-style:none}.summary li{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #e1e8f3;font-size:14px}.summary span{color:#627084}.summary strong{text-align:right}.complete{color:#2163e8;font-size:14px;font-weight:700}@media(max-width:700px){header,main,footer{padding-left:22px;padding-right:22px}main{padding-top:40px}.hero{grid-template-columns:1fr;gap:35px}h1{letter-spacing:-1.8px}.panel{padding:26px}.strip{margin-top:38px;gap:18px;flex-wrap:wrap}footer{flex-direction:column;gap:10px}.quiz h1{font-size:30px}.quiz{padding-top:28px}}
