*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:15px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#0b0d12;color:#e6e8ee}a{color:#8ab4ff;text-decoration:none}a:hover{text-decoration:underline}
header{position:sticky;top:0;z-index:20;background:rgba(11,13,18,.9);backdrop-filter:blur(10px);border-bottom:1px solid #1d2230}
nav{max-width:1180px;margin:auto;display:flex;gap:16px;align-items:center;padding:12px 18px;flex-wrap:wrap}nav .logo{font-weight:800;font-size:18px;color:#fff;margin-right:auto}nav .logo span{background:linear-gradient(90deg,#7c5cff,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}nav a{color:#aab1c3;font-size:14px}nav a.cta{background:linear-gradient(90deg,#7c5cff,#3b82f6);color:#fff;padding:6px 13px;border-radius:999px;font-weight:650}
main{max-width:1180px;margin:auto;padding:18px 18px 60px}
.hero{padding:16px 0 8px}.hero h1{font-size:34px;line-height:1.12;margin:0 0 8px;letter-spacing:-.02em}.hero p{color:#9aa3b8;font-size:16px;max-width:760px;margin:0}
.stats{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.stat{background:#121622;border:1px solid #1d2230;border-radius:12px;padding:9px 14px;font-size:13px;color:#9aa3b8}.stat b{color:#fff;font-size:18px;margin-right:4px}
.layout{display:grid;grid-template-columns:290px 1fr;gap:20px;align-items:start}
.side{position:sticky;top:64px;background:#121622;border:1px solid #1d2230;border-radius:14px;padding:14px;max-height:calc(100vh - 80px);overflow:auto}
.side h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#8a93a8;margin:14px 0 6px}.side h3:first-child{margin-top:0}
input[type=search],input[type=text],select,textarea{width:100%;background:#0b0d12;border:1px solid #2a3142;color:#e6e8ee;border-radius:9px;padding:8px 10px;font:inherit;font-size:14px}textarea{min-height:90px;resize:vertical}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #2a3142;background:#0f1320;color:#cfd5e3;border-radius:999px;padding:4px 10px;font-size:13px;cursor:pointer;user-select:none}.chip small{color:#7f89a0}.chip.on{background:linear-gradient(90deg,#3b2f8f,#1e3a6b);border-color:#6d5cff;color:#fff}.chip.on small{color:#c9d2ff}.chip.aif.on{background:linear-gradient(90deg,#7a3e00,#7a1f5c);border-color:#ff9f43}
.row2{display:flex;gap:8px}.row2>*{flex:1}
.btn{display:inline-block;border:1px solid #2a3142;background:#161b29;color:#e6e8ee;border-radius:9px;padding:8px 12px;font:inherit;font-size:14px;cursor:pointer}.btn:hover{border-color:#6d5cff}.btn.p{background:linear-gradient(90deg,#7c5cff,#3b82f6);border:0;color:#fff;font-weight:650}.btn.sm{padding:4px 9px;font-size:13px}
.bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.bar .count{color:#9aa3b8;font-size:14px;margin-right:auto}.bar .count b{color:#fff}.bar select{width:auto}
.job{background:#121622;border:1px solid #1d2230;border-radius:14px;padding:13px 15px;margin-bottom:10px;display:flex;gap:12px}.job:hover{border-color:#2f3750}.job .main{flex:1;min-width:0}.job .t{font-weight:700;color:#fff;font-size:16px}.job .m{color:#9aa3b8;font-size:13.5px;margin-top:1px}
.badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.b{font-size:12px;border-radius:6px;padding:2px 7px;background:#1a2032;color:#b7c0d6;border:1px solid #262e44}.b.ne{background:#0f2d22;color:#7ff0bf;border-color:#1f5c44}.b.ukr{background:#11263d;color:#8fd0ff;border-color:#1f4a75}.b.sal{background:#2a2410;color:#ffd77a;border-color:#4d4220}.b.new{background:#2a1430;color:#ff9be3;border-color:#53285e}.b.aif{background:linear-gradient(90deg,#4a2600,#4a1238);color:#ffc58a;border-color:#8a4a10;font-weight:650;cursor:help}
.ev{font-size:12.5px;color:#d7b98f;border-left:3px solid #8a4a10;padding:3px 0 3px 9px;margin-top:7px}
.acts{display:flex;flex-direction:column;gap:6px;align-items:flex-end;flex:none}.acts .btn{min-width:84px;text-align:center}.btn.saved{border-color:#f5b942;color:#f5b942}.btn.applied{border-color:#34d399;color:#34d399}
.score{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#7c5cff,#22d3ee);color:#fff;font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;flex:none}
.match{background:linear-gradient(135deg,#1b1640,#0f2236);border:1px solid #3a3470;border-radius:14px;padding:14px;margin-bottom:14px}.match b{color:#fff}.match p{margin:4px 0 10px;color:#aab1c3;font-size:14px}
.drop{border:2px dashed #3a3470;border-radius:12px;padding:14px;text-align:center;color:#aab1c3;font-size:14px;cursor:pointer}.drop.hv{border-color:#22d3ee;background:#0f2236}
.pbar{height:6px;background:#1d2230;border-radius:9px;overflow:hidden;margin-top:6px}.pbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7c5cff,#22d3ee);transition:width .2s}
.prof{font-size:13px;color:#aab1c3;margin-top:8px}.prof .chip{font-size:12px;padding:2px 8px;cursor:default}
.quote{font-size:12.5px;color:#aab1c3;font-style:italic;margin-top:6px}
.empty{color:#9aa3b8;padding:30px;text-align:center;background:#121622;border-radius:14px}
.more{display:block;margin:12px auto}
.doc{max-width:860px}.doc h1{font-size:28px;line-height:1.2;margin:8px 0}.doc h2{font-size:19px;margin-top:26px}.doc .card{background:#121622;border:1px solid #1d2230;border-radius:14px;padding:16px;margin:14px 0}.desc p{margin:0 0 10px;color:#cfd5e3}.desc{white-space:normal;overflow-wrap:anywhere}
.kv{font-size:14px;color:#aab1c3}.kv li{margin:4px 0}.kv b{color:#e6e8ee}
.apply{font-size:16px;padding:11px 20px}
footer{border-top:1px solid #1d2230;color:#7f89a0;font-size:13px;text-align:center;padding:22px 16px}footer a{color:#9aa3b8}
.filtbtn{display:none}
@media(max-width:860px){header{position:static}.hero p{font-size:15px}.match textarea{min-height:70px}.layout{grid-template-columns:1fr}.side{position:static;max-height:none;display:none}.side.open{display:block}.filtbtn{display:inline-block}.hero h1{font-size:26px}.job{flex-wrap:wrap}.acts{flex-direction:row;width:100%;justify-content:flex-start}nav{gap:12px}nav a:not(.logo):not(.cta){font-size:13px}}
