.vacancies-page{background:#0f1117e6;min-height:100vh}.vacancies-wrapper{max-width:900px;margin:0 auto;padding:120px 24px 80px}.vacancies-header{margin-bottom:40px}.vacancies-header h1{color:#f1f3f9;letter-spacing:-1px;margin:0 0 8px;font-size:42px;font-weight:700}.vacancies-header p{color:#6b7285;margin:0;font-size:16px}.filters{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;gap:16px;margin-bottom:24px;padding:24px;display:flex}.filters-row{flex-wrap:wrap;gap:12px;display:flex}.filter-group{flex-direction:column;flex:1;gap:6px;min-width:140px;display:flex}.filter-group label{color:#5a6070;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.filter-group input,.filter-group select{color:#f1f3f9;background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;padding:12px 14px;font-size:14px;transition:border-color .2s}.filter-group input:focus,.filter-group select:focus{border-color:#fff3;outline:none}.filter-group input::placeholder{color:#4a4f5c}.filter-group select option{color:#f1f3f9;background:#0f1117}.search-input{flex:2;min-width:200px}.filter-actions{align-items:flex-end;gap:10px;padding-top:4px;display:flex}.filter-btn{cursor:pointer;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s}.filter-btn-primary{color:#fff;background:#2fa37a}.filter-btn-primary:hover{background:#26866a}.filter-btn-secondary{color:#9aa0b4;background:#ffffff0a;border:1px solid #ffffff14}.filter-btn-secondary:hover{background:#ffffff0f}.filter-group input[type=checkbox]{accent-color:#2fa37a;cursor:pointer;width:18px;height:18px}.vacancies-results{margin-bottom:20px}.vacancies-count{color:#6b7285;font-size:13px}.vacancies-loading{text-align:center;color:#5a6070;padding:40px}.vacancies-list{flex-direction:column;gap:12px;display:flex}.vacancy-card{color:inherit;background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;padding:24px;text-decoration:none;transition:all .2s;display:block}.vacancy-card:hover{background:#ffffff0a;border-color:#ffffff1a}.vacancy-card__top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;display:flex}.vacancy-card__title{color:#f1f3f9;margin:0;font-size:18px;font-weight:600;line-height:1.35}.vacancy-card__salary{color:#2fa37a;white-space:nowrap;flex-shrink:0;font-size:16px;font-weight:600}.vacancy-card__salary--muted{color:#5a6070;font-weight:400}.vacancy-card__info{color:#6b7285;margin-bottom:12px;font-size:14px}.vacancy-card__bottom{justify-content:space-between;align-items:center;gap:16px;display:flex}.vacancy-card__tags{flex-wrap:wrap;gap:6px;display:flex}.vacancy-card__tag{color:#9aa0b4;background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.vacancy-card__tag svg{color:#2fa37a;flex-shrink:0}.vacancy-card:hover .vacancy-card__tag{background:#ffffff14;border-color:#ffffff1f}.vacancy-card__apply{color:#fff;white-space:nowrap;background:#2fa37a;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .25s;display:inline-flex;transform:translate(0)}.vacancy-card__apply svg{transition:transform .25s}.vacancy-card:hover .vacancy-card__apply{background:#26866a;box-shadow:0 8px 24px #2fa37a4d}.vacancy-card:hover .vacancy-card__apply svg{transform:translate(4px)}.vacancies-empty{text-align:center;padding:80px 24px}.vacancies-empty h2{color:#9aa0b4;margin:0 0 8px;font-size:20px;font-weight:600}.vacancies-empty p{color:#5a6070;margin:0;font-size:14px}@media (max-width:768px){.vacancies-wrapper{padding:100px 16px 60px}.vacancies-header h1{font-size:32px}.filters{padding:18px}.filter-group,.search-input{min-width:100%}.filter-actions{width:100%}.filter-btn{flex:1}.vacancy-card{padding:20px}.vacancy-card__top{flex-direction:column;gap:6px}.vacancy-card__salary{font-size:15px}.vacancy-card__bottom{flex-direction:column;align-items:flex-start;gap:12px}.vacancy-card__apply{justify-content:center;width:100%}}