:root{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#0072bc;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:6px}[hidden]{display:none!important}
.page{min-height:100svh;max-width:1800px;margin:auto;position:relative;overflow:hidden;padding:37px 4.3% 40px}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:32px}.logo{width:128px;height:104px;flex:none;background-image:url('assets/predloha.png');background-size:1366px 768px;background-position:-60px -36px}.offer{width:524px}.contacts{display:flex;gap:36px;align-items:center;white-space:nowrap;font-size:21px;font-weight:700}.contacts a{display:flex;align-items:center;gap:10px}.contact-icon{width:34px;height:34px;border-radius:50%;background:white;display:grid;place-items:center;flex:none}.contact-icon svg{width:25px;height:25px;fill:#0072bc}.contact-icon .envelope{stroke:white;stroke-width:1.5;fill:none}.salary{font-size:56px;font-weight:750;letter-spacing:-1.5px;line-height:1.1;margin:17px 0 3px}.benefits{font-size:25px;font-weight:700;line-height:1.1;margin:0}
main{position:relative;min-height:530px}.form-section{position:relative;width:min(100%,458px);margin:58px auto 0;z-index:2}h1{text-align:center;font-size:25px;line-height:1.25;margin:0 0 29px;font-weight:700}.field{position:relative;margin-bottom:19px}.field input{border:2px solid transparent;border-radius:0;width:100%;height:53px;padding:22px 18px 7px;background:#fff;color:#005e9c;text-align:center;outline:none;font-size:18px}.field label{position:absolute;left:10px;right:10px;top:16px;text-align:center;pointer-events:none;font-size:20px;font-weight:700;color:#0074bd;transition:all .15s}.field input:focus{border-color:#003a69;box-shadow:0 0 0 3px #ffffff70}.field input:focus+label,.field input:not(:placeholder-shown)+label{top:5px;font-size:12px}.field-hint{margin:-9px 0 17px;font-size:13px;line-height:1.4;text-align:center;color:#fff}.privacy{font-size:13px;line-height:1.55;text-align:center;margin:0 auto 16px;max-width:440px}.privacy a{text-decoration:underline}.trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#captcha{display:flex;justify-content:center;margin-bottom:16px}#captcha:empty{display:none}button{border:2px solid white;color:white;background:transparent;font-size:19px;font-weight:700;width:100%;min-height:54px;cursor:pointer;padding:12px 20px;display:flex;justify-content:center;align-items:center;gap:24px;transition:background .15s,color .15s}button:hover{background:white;color:#006cb1}button:disabled{opacity:.6;cursor:wait}.status{font-size:14px;line-height:1.5;text-align:center;margin:13px 0 0}.status:empty{display:none}.slogan{position:absolute;left:0;top:342px;margin:0;font-size:36px;line-height:1.06;font-weight:700;letter-spacing:-.6px;z-index:1}.lion{position:absolute;right:-60px;bottom:-40px;width:325px;height:420px;background-image:url('assets/predloha.png');background-size:1366px 768px;background-position:-1041px -348px;pointer-events:none}.success{text-align:center;background:#ffffff0c;padding:40px 20px;border:1px solid #ffffff60}.success-mark{font-size:36px}.success h2{font-size:25px}.success p{line-height:1.6}
@media(min-width:1550px){.form-section{margin-top:70px}.page{padding-bottom:60px}.slogan{top:375px}}
@media(max-width:1100px){.contacts{gap:18px;font-size:17px}.offer{width:460px}.slogan{font-size:28px;top:370px}.lion{right:-130px;opacity:.65}}
@media(max-width:800px){.page{padding:25px 24px 35px}.logo{transform:scale(.78);transform-origin:top left;margin-right:-28px;margin-bottom:-23px}.header{gap:20px}.offer{width:auto}.contacts{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:15px}.contact-icon{width:26px;height:26px}.contact-icon svg{width:20px;height:20px}.salary{font-size:40px;margin-top:20px}.benefits{font-size:19px}.form-section{margin-top:45px}h1{font-size:23px}.slogan{position:relative;top:auto;left:auto;text-align:center;font-size:28px;line-height:1.15;margin:40px 0 0}.slogan br{display:none}.lion{bottom:-35px;right:-180px;opacity:.5}.form-section{max-width:458px}}
@media(max-width:430px){.page{padding:22px 20px 30px}.logo{transform:scale(.62);margin-right:-48px}.header{gap:16px}.contacts{font-size:13px;gap:9px}.contacts a{gap:7px}.salary{font-size:33px;letter-spacing:-1px;margin-top:17px}.benefits{font-size:15px;line-height:1.25}.form-section{margin-top:38px}h1{font-size:21px;margin-bottom:23px}.field label{font-size:17px;top:17px}.field-hint{font-size:12px}.slogan{font-size:25px;max-width:290px;margin:34px auto 0}}
.select-field select{appearance:none;font:inherit;font-size:20px;font-weight:700;color:#0074bd;border:2px solid transparent;border-radius:0;width:100%;height:53px;padding:10px 36px;background:#fff;text-align:center;text-align-last:center;cursor:pointer;outline:none}.select-field select:focus{border-color:#003a69;box-shadow:0 0 0 3px #ffffff70}.select-field::after{content:"";position:absolute;right:20px;top:21px;width:8px;height:8px;border-right:2px solid #0074bd;border-bottom:2px solid #0074bd;transform:rotate(45deg);pointer-events:none}.select-field label{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.select-field option{font-size:18px;background:#fff;color:#005e9c}@media(max-width:430px){.select-field select{font-size:16px;padding-left:28px;padding-right:28px}.select-field::after{right:13px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
