@font-face{font-family:Avito Display;font-weight:400;font-style:normal;font-display:block;src:url(/assets/AvitoSansDisplay-Regular-Dy2JBJwh.woff2)format("woff2")}@font-face{font-family:Avito Display;font-weight:500;font-style:normal;font-display:block;src:url(/assets/AvitoSansDisplay-Medium-CuV9207m.woff2)format("woff2")}@font-face{font-family:Avito Display;font-weight:700;font-style:normal;font-display:block;src:url(/assets/AvitoSansDisplay-Bold-BN5Vi2oO.woff2)format("woff2")}@font-face{font-family:Avito Display;font-weight:800;font-style:normal;font-display:block;src:url(/assets/AvitoSansDisplay-ExtraBold-CHLVlN9W.woff2)format("woff2")}@font-face{font-family:Avito Display;font-weight:900;font-style:normal;font-display:block;src:url(/assets/AvitoSansDisplay-Black-CFf1Z0QC.woff2)format("woff2")}@font-face{font-family:Avito Text;font-weight:400;font-style:normal;font-display:block;src:url(/assets/AvitoSansText-Regular-BEq-c_7J.woff2)format("woff2")}@font-face{font-family:Avito Text;font-weight:500;font-style:normal;font-display:block;src:url(/assets/AvitoSansText-Medium-DpycfaD7.woff2)format("woff2")}@font-face{font-family:Avito Text;font-weight:600;font-style:normal;font-display:block;src:url(/assets/AvitoSansText-SemiBold-CU60Uv1C.woff2)format("woff2")}@font-face{font-family:Avito Text;font-weight:700;font-style:normal;font-display:block;src:url(/assets/AvitoSansText-Bold-LGsGT0PT.woff2)format("woff2")}@font-face{font-family:Avito Text;font-weight:900;font-style:normal;font-display:block;src:url(/assets/AvitoSansText-Black-C-PLLzCo.woff2)format("woff2")}@font-face{font-family:Avito Mono;font-weight:400;font-style:normal;font-display:block;src:url(/assets/AvitoSansTextMono-Regular-CibCmYgZ.woff2)format("woff2")}:root{--color-bg:#0a0a0a;--color-accent:#c137f3;--color-accent-soft:#965eeb;--color-text:#fff;--color-text-muted:#a3a3a3;--color-surface:#d9d9d9;--alpha-field:.04;--alpha-track:.2;--alpha-btn:.65;--alpha-btn-quiet:.09;--color-generator:#7b5cff;--color-creator:#ff6b3d;--color-expert:#00b3a4;--color-scout:#ffc53d;--font-display:"Avito Display", system-ui, sans-serif;--font-body:"Avito Text", system-ui, sans-serif;--font-mono:"Avito Mono", ui-monospace, monospace;--size-question:102px;--track-question:.06em;--size-section:53px;--track-section:.044em;--size-caption:38.5px;--size-field:67.5px;--track-field:-.034em;--size-btn:47.5px;--size-counter:37.5px;--track-counter:.06em;--size-option:36px;--size-body:30px;--size-heading:84px;--stage-w:1920px;--stage-h:1080px;--gutter:110px;--col-w:1197px;--touch-min:96px;--radius-pill:999px;--radius-lg:32px;--space-1:12px;--space-2:20px;--space-3:32px;--space-4:48px;--space-5:72px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--size-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;line-height:1.3;overflow:hidden}h1,h2,h3{font-family:var(--font-display);color:var(--color-text);margin:0;font-weight:900}p{margin:0}button{font-family:var(--font-body);cursor:pointer}input,button{font-size:inherit}.app-shell{width:var(--stage-w);height:var(--stage-h);background:var(--color-bg);transform:translate(var(--stage-dx,0px), var(--stage-dy,0px)) scale(var(--stage-scale,1));transform-origin:0 0;position:absolute;top:0;left:0;overflow:hidden}.backdrop{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.backdrop__grid{opacity:.5;background-image:url(/assets/bg-blueprint-B-_Jwzlk.webp);background-size:100% 100%;width:2496px;height:1664px;position:absolute;top:-304px;left:-274px}.backdrop__core{transform-origin:50%;background-image:url(/assets/hero-core-CXBLn_qa.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;width:1770px;height:1770px;position:absolute;top:-420px;left:980px;transform:rotate(40.1775deg)}.brand{left:var(--gutter);top:44px;right:var(--gutter);font-family:var(--font-display);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute}.brand__mark{letter-spacing:.02em;font-size:40px;font-weight:500}.brand__mark b{color:var(--color-accent);font-weight:900}.brand__avito{letter-spacing:.01em;font-size:40px;font-weight:700}.screen{margin:180px 0 0 var(--gutter);width:var(--col-w);justify-content:flex-start;align-items:flex-start;gap:var(--space-3);text-align:left;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--color-accent) 60%, transparent) transparent;flex-direction:column;height:700px;display:flex;overflow:hidden auto}.screen--wide{width:1700px}.screen--wide>.screen__question,.screen--wide>.screen__heading,.screen--wide>.screen__hint,.screen--wide>.screen__body{max-width:var(--col-w)}.app-shell .screen--wide:has(.option-list)>.screen__question{font-size:44px}.screen--wide>.screen__hint{font-size:28px}.screen--wide{gap:var(--space-2)}.screen:has(.field~.field){column-gap:var(--space-3);grid-template-columns:1fr 1fr;align-content:start;row-gap:14px;display:grid;overflow:visible}.screen:has(.field~.field)>h1{grid-column:1/-1}.screen:has(.field~.field)>.screen__hint{grid-column:1/-1}.screen:has(.field~.field)>.option-list{grid-column:1/-1}.screen:has(.field~.field) .field input{height:80px;padding:0 32px;font-size:38px}.screen:has(.field~.field) .field label{font-size:26px}.screen:has(.field~.field) .option-list{max-height:none;overflow:visible;-webkit-mask-image:none;mask-image:none}.screen:has(.field~.field) .option{min-height:56px;padding:0 var(--space-1);font-size:26px}.screen:has(.field~.field){height:760px;margin-top:150px}.app-shell:has(.section-label) .screen{height:590px;margin-top:300px}.app-shell:has(.section-label) .screen:has(.field~.field){height:640px;margin-top:268px}.screen:has(.field~.field)>h1{font-size:60px}.screen:has(.field~.field)>.screen__hint{font-size:28px}.screen:has(.field~.field) .field__error{font-size:24px;line-height:1.2}.screen__heading{font-size:var(--size-heading);letter-spacing:var(--track-question);line-height:1.05}.screen__question{font-family:var(--font-display);font-weight:900;font-size:var(--size-question);letter-spacing:var(--track-question);color:var(--color-text);line-height:1.05}.screen__body{font-size:var(--size-body);color:var(--color-text-muted);max-width:var(--col-w)}.screen__hint{font-size:var(--size-caption);color:var(--color-text-muted)}.btn{min-width:305px;height:107px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-accent) calc(var(--alpha-btn) * 100%), transparent);color:var(--color-text);font-family:var(--font-body);font-size:var(--size-btn);box-shadow:0 -1px 22px color-mix(in srgb, var(--color-accent) 55%, transparent);justify-content:center;align-items:center;gap:var(--space-2);border:0;font-weight:400;display:inline-flex;position:absolute;bottom:64px;right:88px}.btn:disabled{opacity:.5;box-shadow:none;cursor:default}.btn:not(:disabled):active{transform:translateY(1px)}.btn--secondary{min-width:0;height:var(--touch-min);font-size:var(--size-option);background:color-mix(in srgb, var(--color-surface) 8%, transparent);box-shadow:none;position:static}.btn--secondary[aria-pressed=true]{background:color-mix(in srgb, var(--color-accent) 45%, transparent)}.btn--quiet{min-width:0;height:var(--touch-min);font-size:var(--size-option);box-shadow:none;color:var(--color-text-muted);background:0 0;position:static}.back-button{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-accent) calc(var(--alpha-btn-quiet) * 100%), transparent);width:119px;min-width:0;height:107px;box-shadow:0 -1px 22px color-mix(in srgb, var(--color-accent) 30%, transparent);color:var(--color-text);padding:0;font-size:0;position:absolute;bottom:64px;right:423px}.back-button:before{content:"←";font-size:52px;line-height:1}.option-list{align-content:flex-start;gap:var(--space-2);width:100%;min-height:0;padding-right:var(--space-2);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--color-accent) 60%, transparent) transparent;flex-wrap:wrap;flex:auto;display:flex;overflow-y:auto}.option-list[data-more=yes],.choice-options[data-more=yes],.wanted-professions-groups[data-more=yes]{-webkit-mask-image:linear-gradient(#000 calc(100% - 40px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 40px),#0000 100%)}.more-below{align-items:center;gap:var(--space-1);font-size:var(--size-caption);color:var(--color-accent);visibility:hidden;margin:0;display:flex}.more-below[data-visible=yes]{visibility:visible}.more-below__chevron{border-bottom:4px solid;border-right:4px solid;width:18px;height:18px;transform:rotate(45deg)translate(-2px,-2px)}.screen:has(.option-list)>h1{font-size:44px;line-height:1.06}.screen:has(.option-list)>.screen__question{font-size:44px;line-height:1.06}.screen:has(.choice-options) .choice-title{font-size:44px;line-height:1.06}.option-list--grid{align-content:flex-start}.option{align-items:center;gap:var(--space-1);min-height:var(--touch-min);padding:0 var(--space-3);border:1px solid color-mix(in srgb, var(--color-text) 35%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-surface) calc(var(--alpha-field) * 100%), transparent);color:var(--color-text);font-family:var(--font-body);font-size:var(--size-option);text-align:left;display:inline-flex}.option[data-checked=true]{background:color-mix(in srgb, var(--color-accent) 65%, transparent);box-shadow:0 -1px 18px color-mix(in srgb, var(--color-accent) 45%, transparent);border-color:#0000}.option:disabled{opacity:.35;cursor:default}.option__control{width:1em;font-size:.8em}.option-group__title{font-size:var(--size-caption);color:var(--color-text-muted);width:100%;margin-top:var(--space-2)}.field{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.field label{font-size:var(--size-caption);color:var(--color-text-muted)}.field input{border:1px solid var(--color-text);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-surface) calc(var(--alpha-field) * 100%), transparent);width:100%;height:141px;color:var(--color-text);font-family:var(--font-body);font-size:var(--size-field);letter-spacing:var(--track-field);padding:0 61px}.field input::placeholder{color:color-mix(in srgb, var(--color-text) 45%, transparent)}.field input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 45%, transparent);outline:none}.field__error{font-size:var(--size-caption);color:var(--color-accent)}.wanted-professions-groups{gap:var(--space-2);flex-direction:column;flex:auto;width:100%;min-height:0;display:flex;overflow-y:auto}.promise-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.promise{padding-left:var(--space-4);font-size:var(--size-body);color:var(--color-text);position:relative}.promise:before{content:"";background:var(--color-accent);border-radius:50%;width:14px;height:14px;position:absolute;top:.55em;left:0}.qr{background:var(--color-text);width:320px;height:320px;padding:var(--space-2);border-radius:var(--radius-lg)}.qr svg{width:100%;height:100%;display:block}.final-frame{border:6px solid var(--frame-color,var(--color-accent));border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);width:1700px;height:820px;box-shadow:0 0 60px color-mix(in srgb, var(--frame-color,var(--color-accent)) 40%, transparent);column-gap:var(--space-4);row-gap:var(--space-1);grid-template-columns:1fr 420px;align-content:start;margin-top:120px;display:grid;overflow:hidden}.final-frame>*{grid-column:1}.final-frame>.qr{grid-area:1/2/span 6;align-self:start}.final-frame .screen__heading{font-size:56px}.final-frame .screen__question{font-size:44px}.final-frame .screen__body,.final-frame .screen__hint{font-size:26px}.idle-screen{justify-content:center;align-items:center;gap:var(--space-3);text-align:center;cursor:pointer;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;inset:0}.bracelet{left:var(--gutter);width:var(--col-w);background:color-mix(in srgb, var(--color-surface) calc(var(--alpha-track) * 100%), transparent);border-radius:8px;height:16px;position:absolute;bottom:64px}.bracelet__fill{background:var(--fill-color,var(--color-accent));border-radius:13px;min-width:26px;height:26px;transition:width .4s,background-color .6s;position:absolute;top:-5px;left:0}.bracelet__fill[data-collapsed=true]{background:var(--fill-color,var(--color-accent))}.step-counter{left:var(--gutter);font-family:var(--font-body);font-weight:900;font-size:var(--size-counter);letter-spacing:var(--track-counter);color:var(--color-text-muted);position:absolute;bottom:112px}.section-label{left:var(--gutter);font-family:var(--font-display);font-weight:900;font-size:var(--size-section);letter-spacing:var(--track-section);color:var(--color-accent-soft);position:absolute;top:180px}.notice{font-size:var(--size-caption);color:var(--color-text)}.network-status{left:var(--gutter);align-items:center;gap:var(--space-2);z-index:5;display:flex;position:absolute;top:96px}.spinner{border:3px solid color-mix(in srgb, var(--color-text) 25%, transparent);border-top-color:var(--color-accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.photo-field{flex-direction:column;justify-content:center;width:100%;display:flex}.photo-field__row{align-items:center;gap:var(--space-2);display:flex}.photo-field__preview{border:1px solid var(--color-text);background:color-mix(in srgb, var(--color-surface) calc(var(--alpha-field) * 100%), transparent);width:80px;height:80px;color:color-mix(in srgb, var(--color-text) 55%, transparent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:30px;display:flex;overflow:hidden}.photo-field__preview[data-empty=yes]{border-color:color-mix(in srgb, var(--color-text) 40%, transparent)}.photo-field__preview img{object-fit:cover;width:100%;height:100%}.btn--inline{min-width:0;height:80px;padding:0 var(--space-3);font-size:var(--size-caption);white-space:nowrap;box-shadow:none;flex:none;position:static}.photo-field__file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.field__error--wide{grid-column:1/-1;margin:0}.photo-shot{z-index:10;background:color-mix(in srgb, var(--color-bg) 98%, transparent);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.photo-shot__actions .btn{min-width:240px;position:static}.photo-shot__box{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.photo-shot__title{font-family:var(--font-display);font-size:var(--size-h2,56px);color:var(--color-text);margin:0}.photo-shot__frame{border:2px solid var(--color-accent);width:560px;height:560px;box-shadow:0 0 60px color-mix(in srgb, var(--color-accent) 45%, transparent);border-radius:50%;position:relative;overflow:hidden}.photo-shot__video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.photo-shot__still{object-fit:cover;width:100%;height:100%}.photo-shot__countdown{font-family:var(--font-display);color:var(--color-text);text-shadow:0 0 60px color-mix(in srgb, var(--color-bg) 90%, transparent);justify-content:center;align-items:center;font-size:220px;font-weight:900;display:flex;position:absolute;inset:0}.photo-shot__error{max-width:900px;font-size:var(--size-body);color:var(--color-accent);margin:0}.photo-shot__actions{gap:var(--space-3);display:flex}.btn--ghost{min-width:0;height:var(--touch-min);padding:0 var(--space-4);border:1px solid color-mix(in srgb, var(--color-text) 45%, transparent);box-shadow:none;background:0 0;position:static}.field-pair{gap:var(--space-3);width:100%;display:flex}.field-pair .field{flex:1 1 0;min-width:0}.photo-field__required{flex:auto;min-width:0;font-size:22px;line-height:1.12}.photo-field__lens{border:2px solid color-mix(in srgb, var(--color-text) 50%, transparent);border-radius:50%;width:34px;height:34px;position:relative}.photo-field__lens:after{content:"";background:color-mix(in srgb, var(--color-accent) 70%, transparent);border-radius:50%;position:absolute;inset:8px}.choice-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:nowrap;flex:none;width:100%;display:flex}.choice-head>.choice-title{text-wrap:balance;flex:auto;min-width:0}.choice-counter{font-family:var(--font-mono);font-size:var(--size-caption);color:var(--color-text);background:color-mix(in srgb, var(--color-accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--color-accent) 55%, transparent);border-radius:var(--radius-pill);white-space:nowrap;flex:none;padding:.35em 1em;transition:box-shadow .15s,border-color .15s}.choice-counter--full{border-color:var(--color-accent);box-shadow:0 0 22px -4px color-mix(in srgb, var(--color-accent) 70%, transparent)}.choice-options{align-content:start;gap:var(--space-1);width:100%;min-height:0;padding-right:var(--space-1);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--color-accent) 60%, transparent) transparent;flex:auto;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:minmax(132px,auto);display:grid;overflow-y:auto}.choice-option{padding:var(--space-1) 36px;border:1px solid color-mix(in srgb, var(--color-text) 22%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface) calc(var(--alpha-field) * 100%), transparent);color:var(--color-text);font-family:var(--font-body);text-align:center;justify-content:center;align-items:center;font-size:30px;line-height:1.2;transition:background .15s,border-color .15s,box-shadow .15s,opacity .15s;display:flex;position:relative}.choice-option[data-checked=true]{background:color-mix(in srgb, var(--color-accent) 65%, transparent);box-shadow:0 -1px 18px color-mix(in srgb, var(--color-accent) 45%, transparent);border-color:#0000}.choice-option:disabled{opacity:.32;cursor:default}.choice-option__label{min-width:0;display:block}.choice-check{top:var(--space-1);right:var(--space-1);background:color-mix(in srgb, var(--color-text) 16%, transparent);color:#0000;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .15s,transform .15s;display:flex;position:absolute;transform:scale(.5)}.choice-option[data-checked=true] .choice-check{opacity:1;background:var(--color-text);color:var(--color-accent);transform:scale(1)}.choice-check svg{width:18px;height:18px}