.survey{color:#f5f5f5;background:#0b0c0f;padding:160px clamp(20px,6vw,100px) 100px}.survey__intro{max-width:850px;margin-bottom:56px}.survey__intro h1{letter-spacing:-.025em;margin:28px 0;font:400 clamp(48px,6.5vw,96px)/.96 Upbolters,Arial Black,sans-serif}.survey__intro h1 em{color:#f02b40;font-style:normal}.survey__intro>p{color:#c0c1c5;max-width:650px;line-height:1.7}.survey__intro>p:nth-of-type(2){color:#fff;font-size:22px}.survey__facts{color:#c0c1c5;letter-spacing:.08em;flex-wrap:wrap;gap:24px;margin-top:28px;font:500 11px/1.5 IBM Plex Mono,monospace;display:flex}.survey__workspace{grid-template-columns:220px minmax(0,1fr);gap:38px;max-width:1200px;display:grid}.survey__steps{margin:0;padding:0;list-style:none}.survey__steps li{color:#b8bbc2;border-bottom:1px solid #303137;align-items:center;gap:16px;padding:22px 0;font-size:14px;display:flex}.survey__steps li>span{border:1px solid #565860;flex-shrink:0;place-items:center;width:36px;height:36px;font:12px IBM Plex Mono,monospace;display:grid}.survey__steps [aria-current=step]{color:#fff}.survey__steps [aria-current=step]>span{background:#d70c25;border-color:#f02b40}.survey__steps .is-done>span{color:#ff6777;border-color:#f02b40}.survey__panel{background:#131418;border:1px solid #35363b;min-width:0;padding:clamp(22px,4vw,52px)}.survey__preview{color:#c6c8ce;border-left:2px solid #ed243a;margin:0 0 28px;padding-left:15px;font-size:13px;line-height:1.6}.survey__progress{color:#bfc1c8;border-bottom:1px solid #35363b;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-bottom:24px;font:11px/1.6 IBM Plex Mono,monospace;display:flex}.survey h2{margin:32px 0;font:500 clamp(26px,3vw,38px)/1.2 Instrument Sans Variable,sans-serif}.survey__fields{gap:30px;display:grid}.survey__fields--identity{grid-template-columns:1fr 1fr}.survey__field{flex-direction:column;gap:12px;min-width:0;display:flex}.survey__field label,.survey__question legend{color:#f5f5f5;font:500 16px/1.55 Instrument Sans Variable,sans-serif}.survey__field input,.survey__field textarea,.survey__field select{box-sizing:border-box;color:#fff;color-scheme:dark;background:#0b0c0f;border:1px solid #555761;border-radius:0;width:100%;padding:15px;font:16px/1.5 Instrument Sans Variable,sans-serif}.survey__field textarea{resize:vertical;min-height:145px}.survey__question{border:0;border-bottom:1px solid #35363b;min-width:0;margin:0;padding:0 0 28px}.survey__hint{color:#bfc1c8;margin:10px 0 15px;font-size:13px;line-height:1.6}.survey__ratings{gap:12px;display:flex}.survey__ratings label{cursor:pointer;flex:1;max-width:75px;position:relative}.survey__ratings input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.survey__ratings span{background:#0b0c0f;border:1px solid #62646e;place-items:center;min-height:54px;font:500 20px IBM Plex Mono,monospace;display:grid}.survey__ratings input:checked+span{color:#fff;background:#cf1028;border-color:#ff6e7e}.survey__ratings input:focus-visible+span,.survey :is(input,select,textarea,button):focus-visible{outline-offset:4px;outline:2px solid #fff}.survey__clear{color:#c2c4cc;cursor:pointer;background:0 0;border:0;padding:14px 0 0;font-size:12px;text-decoration:underline}.survey__actions{border-top:1px solid #35363b;flex-wrap:wrap;justify-content:flex-end;gap:14px;margin-top:32px;padding-top:28px;display:flex}.survey__actions [data-survey-back]{margin-right:auto}.survey__error{color:#ffb8c0;line-height:1.6}.survey__complete p{color:#c6c8ce;margin-bottom:32px;line-height:1.7}.survey__complete-mark{color:#f67;border:1px solid #f02b40;place-items:center;width:52px;height:52px;margin-top:30px;font-size:28px;display:inline-grid}@media (width<=800px){.survey{padding-top:125px}.survey__workspace{grid-template-columns:1fr;gap:24px}.survey__steps{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.survey__steps li{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 0;font-size:11px;line-height:1.5}.survey__fields--identity{grid-template-columns:1fr}.survey__intro{margin-bottom:30px}.survey__ratings{gap:8px}.survey__actions .button{min-height:48px}}