html,body{height:auto;overflow-x:hidden;overflow-y:auto;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#fff;background:#000;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#root{height:auto;width:100%;min-height:100vh}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}video{-webkit-playsinline:true;-moz-playsinline:true;playsinline:true}@media (max-width: 768px){html{font-size:14px}}@media (max-width: 480px){html{font-size:12px}}@supports (padding: max(0px)){.hero-overlay{padding-left:max(2rem,env(safe-area-inset-left));padding-right:max(2rem,env(safe-area-inset-right));padding-top:max(2rem,env(safe-area-inset-top));padding-bottom:max(2rem,env(safe-area-inset-bottom))}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:auto;overflow-x:hidden;overflow-y:auto;background:linear-gradient(135deg,#0a0505,#1a0a0a,#2c0e0e);min-height:100vh}.app{width:100%;height:auto;min-height:100vh}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#000,#1a1a1a);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-section{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.hero-overlay{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#0000004d;padding:2rem}.top-navbar{position:fixed;top:0;left:0;width:100%;height:80px;background:transparent;z-index:1000;display:flex;align-items:center;justify-content:center;padding-top:max(0px,env(safe-area-inset-top))}.navbar-content{display:flex;align-items:center;justify-content:center;width:100%;max-width:1200px;padding:0 2rem}.uaf-brand{display:flex;flex-direction:column;align-items:center;text-align:center}.dshv-logo{width:140px;height:auto;margin-bottom:.3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.logo-container{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.logo{width:200px;height:auto;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.brigade-title{font-family:UAF Sans,Montserrat,sans-serif;color:#fff;font-size:2.2rem;font-weight:700;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.8);margin:0;letter-spacing:1px;line-height:1.2}.social-hint{margin-bottom:2rem;text-align:center}.hint-text{font-family:UAF Sans,Montserrat,sans-serif;color:#ffffffe6;font-size:1.1rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8);margin:0;letter-spacing:.5px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.8rem 1.5rem;border-radius:25px;border:1px solid rgba(255,255,255,.2)}.support-qr-container{display:flex;justify-content:center;margin-top:.5rem}.social-qr-container{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}.qr-item{display:flex;flex-direction:column;align-items:center;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1rem;transition:transform .3s ease,background .3s ease;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.qr-item:hover{transform:translateY(-5px);background:#fff3}.qr-code{width:150px;height:150px;border-radius:10px;margin-bottom:.5rem;transition:transform .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.qr-code:hover{transform:scale(1.05)}.qr-code.qr-code-support{width:180px;height:180px}.qr-label{font-family:UAF Sans,Montserrat,sans-serif;color:#fff;font-size:1rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.job-links-container{display:flex;justify-content:center;align-items:center;gap:40px;margin-top:40px;flex-wrap:wrap}.job-link-item{display:flex;align-items:center;justify-content:center}.job-logo{height:50px;width:auto;max-width:120px;object-fit:contain;filter:brightness(0) invert(1);transition:all .3s ease;cursor:pointer}.job-logo:hover{filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(255,255,255,.8));transform:scale(1.1)}.job-link-item a{display:block;text-decoration:none}.vacancies-section{background:linear-gradient(135deg,#2c0e0e,#4a1a1a,#1a0a0a);padding:4rem 0;width:100%;min-height:500px}.vacancies-container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.vacancies-title{font-family:UAF Sans,Montserrat,sans-serif;color:#fff;font-size:2rem;font-weight:700;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.8);margin:0 0 2rem;letter-spacing:1px;background:#ffffff1a;padding:1rem 2rem;border-radius:15px;border:1px solid rgba(255,255,255,.2)}.vacancy-cards{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;align-items:stretch}.vacancy-card{background:#8b000033;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.2rem;border:1px solid rgba(139,0,0,.4);transition:transform .3s ease,background .3s ease,box-shadow .3s ease;cursor:pointer;flex:1;min-width:200px;max-width:250px;display:flex;flex-direction:column;align-items:center;text-align:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;position:relative}.vacancy-card:hover{transform:translateY(-5px);background:#fff3;box-shadow:0 10px 30px #0000004d}.vacancy-card:active{transform:translateY(-2px);background:#ffffff40}.vacancy-card:after{content:"Натисніть для подачі заявки";position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;opacity:0;transition:opacity .3s ease;pointer-events:none;white-space:nowrap}.vacancy-card:hover:after{opacity:1}.vacancy-image{width:100%;height:150px;object-fit:cover;border-radius:10px;margin-bottom:.8rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.vacancy-info{width:100%}.vacancy-position{font-family:UAF Sans,Montserrat,sans-serif;color:#fff;font-size:1.3rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8);margin:0 0 .5rem;letter-spacing:.5px}.vacancy-salary{font-family:UAF Sans,Montserrat,sans-serif;color:#ffffffe6;font-size:1.1rem;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.8);margin:0;background:#ffffff1a;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(255,255,255,.2)}@media (max-width: 1024px){.brigade-title{font-size:1.9rem}.logo{width:180px}.dshv-logo{width:80px}.hint-text{font-size:1rem}.social-qr-container{gap:1.5rem}.qr-code{width:140px;height:140px}.qr-code.qr-code-support{width:160px;height:160px}.vacancies-title{font-size:1.8rem}.vacancy-cards{gap:1.2rem}.vacancy-card{padding:1rem;min-width:180px;max-width:220px}.vacancy-image{height:130px}.vacancy-position{font-size:1.1rem}.vacancy-salary{font-size:.9rem}}@media (max-width: 768px){.top-navbar{height:60px}.dshv-logo{width:60px}.hero-overlay{padding:1rem}.brigade-title{font-size:1.5rem;line-height:1.3}.logo{width:150px}.logo-container{margin-bottom:1.5rem}.hint-text{font-size:.9rem;padding:.6rem 1.2rem}.social-hint{margin-bottom:1.5rem}.social-qr-container{flex-direction:row;gap:1rem;margin-top:.8rem}.qr-code{width:120px;height:120px}.qr-code.qr-code-support{width:140px;height:140px}.qr-label{font-size:.9rem}.qr-item{padding:.8rem}.job-links-container{gap:20px;margin-top:30px}.job-logo{height:40px;max-width:100px}.vacancies-section{padding:3rem 0}.vacancies-container{padding:0 1rem}.vacancies-title{font-size:1.6rem;margin-bottom:1.5rem}.vacancy-cards{gap:1rem}.vacancy-card{padding:.8rem;min-width:150px;max-width:180px}.vacancy-image{height:120px}.vacancy-position{font-size:1rem}.vacancy-salary{font-size:.85rem;padding:.4rem .6rem}}@media (max-width: 480px){.hero-overlay{padding:.8rem}.brigade-title{font-size:1.2rem;letter-spacing:.5px;line-height:1.4}.logo{width:120px}.logo-container{margin-bottom:1.2rem}.hint-text{font-size:.8rem;padding:.5rem 1rem}.social-hint{margin-bottom:1.2rem}.social-qr-container{flex-direction:row;gap:.8rem;margin-top:.6rem}.qr-code{width:100px;height:100px}.qr-code.qr-code-support{width:130px;height:130px}.qr-label{font-size:.8rem}.qr-item{padding:.6rem}.job-links-container{gap:15px;margin-top:25px}.job-logo{height:35px;max-width:80px}.vacancies-section{padding:2.5rem 0}.vacancies-container{padding:0 .8rem}.vacancies-title{font-size:1.4rem;margin-bottom:1.2rem}.vacancy-cards{gap:.8rem}.vacancy-card{padding:.6rem;min-width:120px;max-width:140px}.vacancy-image{height:100px}.vacancy-position{font-size:.9rem}.vacancy-salary{font-size:.8rem;padding:.3rem .5rem}}.application-section{background:linear-gradient(135deg,#1a0a0a,#2c0e0e,#0a0505);padding:4rem 0;width:100%;min-height:500px}.application-container{width:100%;max-width:800px;margin:0 auto;padding:0 2rem}.application-title{font-family:UAF Sans,Montserrat,sans-serif;color:#fff;font-size:2.5rem;font-weight:700;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.8);margin:0 0 3rem;letter-spacing:1px;background:#ffffff1a;padding:1.5rem 2rem;border-radius:15px;border:2px solid rgba(255,255,255,.2)}.application-form{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;border:1px solid rgba(139,0,0,.3);box-shadow:0 8px 32px #8b00001a}.form-group{margin-bottom:2rem}.form-group label{display:block;color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.form-input,.form-select,.form-textarea{width:100%;padding:1rem;border:2px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff1a;color:#fff;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.form-select{background:#ffffff1a!important;color:#fff!important;border:2px solid rgba(255,255,255,.2)!important}.form-select option{background:#ffffffe6!important;color:#333!important;padding:.5rem}.form-select:focus{background:#ffffff26!important;border-color:#ff6b35!important;box-shadow:0 0 0 3px #ff6b3533!important}.form-select::-webkit-scrollbar{width:8px}.form-select::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.form-select::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.form-select::-webkit-scrollbar-thumb:hover{background:#ffffff80}@-moz-document url-prefix(){.form-select{background:#ffffff1a;color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}.form-select option{background:#ffffffe6;color:#333}}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#ffffff80;background:#ffffff26;box-shadow:0 0 10px #fff3}.form-select:focus{background:#ffffff26;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}.form-input::placeholder,.form-textarea::placeholder{color:#fff9}.form-select option:disabled{color:#3336;background:#ffffff4d}.form-select option:first-child{color:#333333b3;font-style:italic}.form-textarea{resize:vertical;min-height:120px}.radio-group{display:flex;gap:2rem;flex-wrap:wrap;align-items:center}.radio-label{display:flex;align-items:center;cursor:pointer;color:#fff;font-size:1rem;position:relative;min-height:24px;gap:.5rem}.radio-label input[type=radio]{display:none}.radio-custom{width:24px;height:24px;min-width:24px;min-height:24px;max-width:24px;max-height:24px;border:2px solid rgba(255,255,255,.3);border-radius:50%;margin-right:.5rem;position:relative;transition:all .3s ease;background:#ffffff1a;flex-shrink:0;box-sizing:border-box;display:inline-block}.radio-label input[type=radio]:checked+.radio-custom{border-color:#fffc;background:#fff3}.radio-label input[type=radio]:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#fff}.checkbox-group{display:flex;flex-direction:column;gap:1rem}.checkbox-label{display:flex;align-items:flex-start;cursor:pointer;color:#fff;font-size:1rem;position:relative;line-height:1.4;min-height:24px;gap:.5rem}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{width:24px;height:24px;min-width:24px;min-height:24px;max-width:24px;max-height:24px;border:2px solid rgba(255,255,255,.3);border-radius:4px;margin-right:.5rem;position:relative;transition:all .3s ease;background:#ffffff1a;flex-shrink:0;margin-top:2px;box-sizing:border-box;display:inline-block}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{border-color:#fffc;background:#fff3}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.submit-button{width:100%;padding:1.5rem 2rem;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;border-radius:15px;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 15px #ff6b354d}.submit-button:hover{background:linear-gradient(135deg,#ff5722,#ff9800);transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.submit-button:active{transform:translateY(0);box-shadow:0 2px 10px #ff6b354d}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-card{width:90%;max-width:420px;background:linear-gradient(135deg,#000000d9,#3c0000d9);border:1px solid rgba(139,0,0,.4);border-radius:16px;padding:24px;color:#fff;text-align:center;box-shadow:0 20px 60px #00000080;animation:modal-pop .18s ease-out}.modal-icon{width:56px;height:56px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;background:#00800033;border:1px solid rgba(0,255,0,.4);font-size:28px}.modal-title{margin:8px 0 6px;font-size:20px;font-weight:700}.modal-text{margin:0 0 16px;font-size:14px;color:#ffffffd9}.modal-actions{display:flex;gap:8px;justify-content:center}.modal-button{padding:10px 16px;background:linear-gradient(135deg,#8b0000,#a00000);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:999px;cursor:pointer;transition:transform .12s ease,filter .2s ease}.modal-button:hover{filter:brightness(1.1)}.modal-button:active{transform:scale(.98)}@keyframes modal-pop{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.captcha-container{display:flex;justify-content:center;margin:2rem 0;min-height:80px;align-items:center;flex-direction:column;gap:1rem}.cf-turnstile{display:block!important;margin:0 auto}.captcha-container .cf-turnstile{transform:scale(1);transition:transform .3s ease}.captcha-container .cf-turnstile:hover{transform:scale(1.02)}.captcha-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#fff;font-size:1rem}.captcha-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}.captcha-loading p{margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.captcha-refresh-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.captcha-refresh-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}@media (max-width: 768px){.application-section{padding:3rem 0}.application-container{padding:0 1rem}.application-title{font-size:2rem;margin-bottom:2rem;padding:1rem 1.5rem}.application-form{padding:2rem}.form-group{margin-bottom:1.5rem}.radio-group{gap:1rem}.submit-button{padding:1.2rem 1.5rem;font-size:1.1rem}}@media (max-width: 480px){.application-title{font-size:1.6rem;padding:.8rem 1rem}.application-form{padding:1.5rem}.form-input,.form-select,.form-textarea{padding:.8rem}.submit-button{padding:1rem 1.2rem;font-size:1rem}}@media (hover: none) and (pointer: coarse){.qr-item:hover,.qr-code:hover{transform:none}.qr-item:active{transform:scale(.95);background:#ffffff4d}.qr-code:active{transform:scale(.95)}.vacancy-card:hover{transform:none}.vacancy-card:active{transform:scale(.95);background:#ffffff4d}.submit-button:hover{transform:none}.submit-button:active{transform:scale(.98)}}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer;z-index:10;transition:all .3s ease;pointer-events:auto}.scroll-indicator:hover{transform:translate(-50%) translateY(-5px)}.scroll-arrows{position:relative;width:30px;height:80px}.arrow-image{position:absolute;left:50%;width:24px;height:24px;transform:translate(-50%);animation:bounce 2s infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.arrow-1{animation-delay:0s;top:0}.arrow-2{animation-delay:.2s;opacity:.7;top:20px}.arrow-3{animation-delay:.4s;opacity:.4;top:40px}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}