:root{--ink:#171a23;--paper:#f4f2ed;--blue:#315cff;--lime:#ceff3b;--line:#d1d0ce;--muted:#777986}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}header{height:76px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1px}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font:700 13px Unbounded}.mark{display:grid;place-items:center;width:25px;height:25px;border-radius:5px;background:var(--blue);color:#fff;font-size:12px}main{max-width:1200px;margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;min-height:calc(100vh - 76px)}aside{position:sticky;top:0;height:calc(100vh - 76px);padding:9vw 5vw;background:var(--ink);color:#fff}aside p,.step>p{color:#9ca6c2;font-size:10px;font-weight:800;letter-spacing:1.3px}aside h1,h2{font:600 clamp(34px,4vw,58px)/1.03 Unbounded;letter-spacing:-3px}aside h1{margin:34px 0}em{color:var(--lime);font-style:normal}aside>span{display:block;max-width:320px;color:#c5cada;font-size:14px;line-height:1.65}aside small{display:block;margin-top:48px;color:#c5cada;font-size:11px}form{padding:7vw 6vw}.progress{display:flex;align-items:center;gap:12px;margin-bottom:52px;font-size:11px;font-weight:800}.progress b{color:var(--blue)}.progress i{display:block;max-width:250px;flex:1;height:2px;background:#d7d5d1}.progress em{display:block;height:100%;width:25%;background:var(--blue);transition:.3s}.progress span{color:var(--muted)}.step{display:none}.step.active{display:grid;grid-template-columns:1fr 1fr;gap:24px;animation:in .35s ease}.step.active>p,.step.active>h2,.step.active>fieldset{grid-column:1/-1}.step h2{margin:0 0 24px}.step h2 em{color:var(--blue)}@keyframes in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:800}input,textarea,select{border:0;border-bottom:1px solid #bdbcc0;background:transparent;border-radius:0;padding:11px 0;color:var(--ink);font:500 14px Manrope;outline:0}input:focus,textarea:focus,select:focus{border-bottom:2px solid var(--blue)}textarea{min-height:74px;resize:vertical;line-height:1.45}.step label:has(textarea){grid-column:1/-1}fieldset{border:0;padding:0;margin:0}legend{font-size:12px;font-weight:800;margin-bottom:11px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips label{display:block;background:#e1dfda;padding:9px 12px;cursor:pointer}.chips input{display:none}.chips label:has(input:checked){background:var(--blue);color:white}form footer{display:flex;justify-content:space-between;margin-top:52px;padding-top:18px;border-top:1px solid var(--line)}button{border:0;cursor:pointer;font:800 13px Manrope}#back{background:transparent;color:var(--muted);visibility:hidden}#next,#submit{background:var(--ink);color:white;padding:14px 17px}button b{color:var(--lime);font-size:19px;margin-left:22px}#submit{display:none;background:var(--blue)}.thanks{position:fixed;inset:0;display:grid;place-items:center;background:rgba(23,26,35,.72);padding:20px;opacity:0;visibility:hidden;transition:.2s}.thanks.show{opacity:1;visibility:visible}.thanks article{max-width:460px;padding:45px;background:var(--paper)}.thanks span{font-size:32px;color:var(--blue)}.thanks h2{font-size:38px}.thanks p{line-height:1.6;color:#626572}.thanks a{display:inline-block;margin-top:16px;color:var(--ink);font-size:13px;font-weight:800;text-decoration:none;border-bottom:1px solid var(--blue);padding-bottom:4px}@media(max-width:800px){header{height:65px;padding:0 22px}header>b{display:none}main{display:block}aside{position:relative;height:auto;padding:64px 24px}aside h1{margin:26px 0}aside small{margin-top:30px}form{padding:46px 24px}.step.active{grid-template-columns:1fr}.step.active>p,.step.active>h2,.step.active>fieldset,.step label:has(textarea){grid-column:1}.progress{margin-bottom:37px}}
