:root{color:#18212f;background:#f6f7f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit}.app{min-height:100vh}.topbar{align-items:center;background:#f6f7f3eb;border-bottom:1px solid #dfe4dc;display:flex;justify-content:space-between;padding:12px clamp(20px,4vw,64px);position:sticky;top:0;z-index:2}.brand,.nav{align-items:center;display:flex;gap:10px}.brand{font-size:18px;font-weight:800;text-decoration:none}.brand-mark{background:#183a37;border-radius:6px;color:#f8ffe5;font-size:12px;letter-spacing:0;padding:5px 7px}.nav a{color:#465468;font-size:14px;font-weight:700;text-decoration:none}.hero{background:linear-gradient(115deg,#183a37f5,#152336e0),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='600' viewBox='0 0 1200 600'%3E%3Cpath fill='%23f0c85a' d='M70 450h220v28H70zM810 124h260v28H810zM720 392h330v28H720z'/%3E%3Cpath fill='%23ffffff' fill-opacity='.2' d='M110 150h360v8H110zM110 184h270v8H110zM110 218h420v8H110zM760 210h300v8H760zM760 244h220v8H760z'/%3E%3Ccircle cx='630' cy='295' r='92' fill='%23f0c85a' fill-opacity='.22'/%3E%3C/svg%3E");background-size:cover;color:#fff;display:grid;gap:36px;grid-template-columns:minmax(0,1fr) minmax(320px,520px);padding:clamp(44px,7vw,88px) clamp(20px,4vw,64px)}.hero-copy{max-width:760px}.home-hero{min-height:560px}.eyebrow{color:#e9c95c;font-size:13px;font-weight:800;letter-spacing:0;margin:0 0 14px;text-transform:uppercase}h1,h2,p{margin-top:0}h1{font-size:clamp(38px,6vw,74px);line-height:.98;margin-bottom:22px;max-width:860px}.hero p:not(.eyebrow){color:#d9e3df;font-size:20px;line-height:1.5;max-width:680px}.search-panel{align-self:end;background:#fff;border:1px solid #e2e8de;border-radius:8px;box-shadow:0 22px 60px #0a172338;color:#18212f;padding:22px}.search-panel label{display:block;font-size:15px;font-weight:800;margin-bottom:12px}.search-row{display:grid;gap:10px;grid-template-columns:1fr auto}input[type=search]{border:1px solid #c9d2c7;border-radius:6px;color:#18212f;font:inherit;min-width:0;padding:14px 15px}button,.apply-button{background:#e0b946;border:0;border-radius:6px;color:#17202d;cursor:pointer;display:inline-flex;font:inherit;font-weight:800;justify-content:center;min-height:48px;padding:13px 18px;text-decoration:none;white-space:nowrap}.apply-button:hover,button:hover{background:#f0c85a}.content,.detail-main{margin:0 auto;max-width:1120px;padding:42px 20px 70px}.section-head{align-items:end;display:flex;justify-content:space-between;margin-bottom:22px}.section-head h2{font-size:34px;line-height:1.1;margin-bottom:8px}.section-head p{color:#6a7482;margin:0}.vacancy-list{display:grid;gap:14px}.vacancy-list.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.vacancy-list.compact .vacancy-card{grid-template-columns:1fr}.vacancy-list.compact .card-actions{align-items:stretch}.vacancy-card{align-items:start;background:#fff;border:1px solid #e1e6dc;border-radius:8px;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) auto;padding:22px}.vacancy-title{display:inline-block;font-size:23px;font-weight:850;line-height:1.2;margin-bottom:10px;text-decoration:none}.vacancy-title:hover,.details-link:hover,.back-link:hover{color:#1b6b60}.vacancy-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.vacancy-meta span{background:#eef2e9;border:1px solid #dbe3d4;border-radius:999px;color:#465468;font-size:13px;font-weight:800;line-height:1;padding:8px 10px}.vacancy-card p,.description p{color:#4d5968;font-size:16px;line-height:1.65;margin-bottom:0}.card-actions{align-items:flex-end;display:flex;flex-direction:column;gap:12px}.details-link,.back-link{color:#465468;font-weight:800;text-decoration:none}.status{background:#fff;border:1px solid #e1e6dc;border-radius:8px;color:#465468;padding:22px}.status.error{border-color:#e4b4a8;color:#a33a27}.back-link{display:inline-block;margin-bottom:22px}.vacancy-detail{background:#fff;border:1px solid #e1e6dc;border-radius:8px;padding:clamp(24px,5vw,52px)}.detail-head{align-items:start;border-bottom:1px solid #e1e6dc;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:28px;padding-bottom:28px}.detail-head .eyebrow{grid-column:1 / -1;margin-bottom:-8px}.detail-head h1{color:#18212f;font-size:clamp(34px,5vw,62px);margin:0}.apply-button.large{min-height:52px;padding-inline:22px}.description{max-width:780px}.detail-meta{border-bottom:1px solid #e1e6dc;display:grid;gap:0;grid-template-columns:minmax(160px,.35fr) minmax(0,1fr);margin:-2px 0 28px;max-width:780px;padding-bottom:22px}.detail-meta dt,.detail-meta dd{border-top:1px solid #edf1e9;margin:0;padding:12px 0}.detail-meta dt{color:#6a7482;font-size:14px;font-weight:800}.detail-meta dd{color:#18212f;font-weight:800}.description p+p{margin-top:18px}.seo-band{background:#e8ede2;border-top:1px solid #d6ddcf;display:grid;gap:38px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:clamp(42px,7vw,82px) clamp(20px,4vw,64px)}.seo-copy{max-width:620px}.seo-copy h2{font-size:clamp(32px,4vw,52px);line-height:1.03;margin-bottom:18px}.seo-copy p,.feature-tile p{color:#4d5968;font-size:16px;line-height:1.65}.seo-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.feature-tile{background:#fff;border:1px solid #d9e1d2;border-radius:8px;min-height:230px;padding:22px}.feature-tile span{color:#1b6b60;display:block;font-size:13px;font-weight:900;margin-bottom:36px}.feature-tile h3{font-size:21px;line-height:1.15;margin:0 0 12px}.footer{border-top:1px solid #dfe4dc;color:#667282;display:flex;gap:16px;justify-content:space-between;padding:22px clamp(20px,4vw,64px)}@media(max-width:820px){.hero,.vacancy-card,.detail-head,.detail-meta,.seo-band,.seo-grid,.vacancy-list.compact{grid-template-columns:1fr}.search-panel,.card-actions{align-items:stretch}.card-actions{flex-direction:row;flex-wrap:wrap}.home-hero{min-height:auto}}@media(max-width:560px){.topbar,.footer,.search-row{align-items:stretch;flex-direction:column}.topbar,.footer{gap:16px}.search-row{display:flex}h1{font-size:38px}.hero p:not(.eyebrow){font-size:17px}}