#vacancypage{color:var(--text-color);font-family:var(--font-sans)}.vacancy-hero{text-align:start;max-width:900px;margin:0 auto;padding:100px 40px 40px}@media screen and (max-width:768px){.vacancy-hero{padding:60px 20px 30px}}.vacancy-hero .section-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400);margin-bottom:16px;font-size:11px;font-weight:500}.vacancy-hero h1{letter-spacing:-.03em;color:var(--text-color-emp);margin-bottom:20px;font-size:clamp(32px,5vw,52px);font-weight:700;line-height:1.05}.vacancy-hero .section-body{color:var(--gray-600);max-width:560px;font-size:16px;font-weight:300;line-height:1.7}.vacancy-list{text-align:start;flex-direction:column;gap:16px;max-width:900px;margin:0 auto;padding:40px 40px 100px;display:flex}@media screen and (max-width:768px){.vacancy-list{padding:20px 20px 60px}}.job-card{background:var(--bg-color);border:1px solid var(--gray-200);border-radius:12px;align-items:center;gap:24px;padding:24px 28px;transition:background .15s,border-color .15s;display:flex}.job-card:hover{background:var(--off-white);border-color:var(--gray-400)}@media screen and (max-width:640px){.job-card{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}}.job-img{background:var(--box-bg-color);border-radius:10px;flex-shrink:0;width:64px;height:64px;overflow:hidden}.job-img img{object-fit:cover;width:100%;height:100%}.job-content{flex:1;min-width:0}.job-title{color:var(--text-color-emp);margin:0 0 6px;font-size:16px;font-weight:600;line-height:1.3}.job-desc{color:var(--gray-600);margin:0 0 12px;font-size:14px;font-weight:300;line-height:1.5}.job-tags{flex-wrap:wrap;gap:8px;display:flex}.job-tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gray-400);background:var(--bg-color2);border:1px solid var(--gray-200);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500}.job-action{flex-shrink:0}@media screen and (max-width:640px){.job-action{width:100%}}.job-btn{background:var(--theme-color);color:var(--text-color2);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-sans);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;transition:opacity .15s;display:inline-flex}.job-btn:hover{opacity:.8}@media screen and (max-width:640px){.job-btn{justify-content:center;width:100%}}