b,strong,h1,h2,h3,h4,h5,h6{font-weight:500}
:root{
  --navy:#2b3559;--navy-d:#1a2140;--navy-dd:#11162c;--amb:#ffb700;--amb-d:#f59e0b;--amb-50:#fff6dc;
  --bg:#f5f6f9;--card:#fff;--ink:#1d2236;--body:#4a5068;--mute:#8a90a6;--line:#e6e8ef;
  --ok:#16a34a;--ok-50:#e9f8ee;--vi:#6d5dfc;--sky:#38bdf8;--red:#ef4444;
  --disp:"Unbounded",sans-serif;--f:"Onest",sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--f);background:var(--bg);color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select{font:inherit;color:inherit}
.i{width:20px;height:20px;flex:none}
.wrap{max-width:1380px;margin:0 auto;padding:0 24px}
::selection{background:var(--amb);color:var(--ink)}

header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(16px) saturate(1.5);border-bottom:1px solid var(--line)}
.hrow{display:flex;align-items:center;gap:22px;height:70px}
.logo img{height:32px;width:auto}
nav.mn{display:flex;gap:2px;margin-left:8px}
nav.mn a{padding:8px 13px;border-radius:11px;font-weight:600;color:var(--body);transition:.2s}
nav.mn a:hover{background:var(--bg);color:var(--ink)}
nav.mn a.on{color:var(--ink);background:var(--bg)}
.sp{flex:1}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:44px;padding:0 18px;border-radius:14px;font-weight:500;font-size:14.5px;border:0;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s,background .2s;white-space:nowrap}
.btn .i{width:18px;height:18px}
.btn-amb{background:var(--amb);color:var(--ink);box-shadow:0 10px 22px -12px rgba(245,158,11,.9)}
.btn-amb:hover{background:#ffc22e;transform:translateY(-2px)}
.btn-nv{background:var(--navy);color:#fff}
.btn-nv:hover{background:var(--navy-d)}
.btn-gh{background:#fff;border:1px solid var(--line)}
.btn-gh:hover{border-color:var(--navy)}
.menu-b,.fbtn{display:none}

.top{position:relative;padding:22px 0 18px;overflow:hidden;background:#fff;border-bottom:1px solid var(--line)}
.top::before{content:"";position:absolute;width:700px;height:700px;right:-200px;top:-420px;background:radial-gradient(circle,rgba(255,183,0,.3),transparent 62%);animation:blob 14s ease-in-out infinite;pointer-events:none}
.top::after{content:"";position:absolute;width:600px;height:600px;left:-260px;top:-360px;background:radial-gradient(circle,rgba(109,93,252,.14),transparent 62%);animation:blob 18s ease-in-out infinite reverse;pointer-events:none}
@keyframes blob{50%{transform:translate(-50px,40px) scale(1.1)}}
.top .wrap{position:relative;z-index:1}
.t-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px;flex-wrap:wrap}
.t-head h1{font-family:var(--disp);font-weight:500;font-size:clamp(24px,2.4vw,34px);letter-spacing:-.035em;line-height:1.1}
.t-head h1 .hl{position:relative;z-index:0;white-space:nowrap}
.t-head h1 .hl::before{content:"";position:absolute;left:-.1em;right:-.1em;bottom:.02em;height:.4em;background:var(--amb);z-index:-1;border-radius:.1em;transform:scaleX(0);transform-origin:0 50%;animation:mark .8s .3s var(--ease) forwards}
@keyframes mark{to{transform:scaleX(1)}}
.t-head .live{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;color:var(--body);background:var(--bg);border-radius:30px;padding:6px 12px}
.t-head .live i{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:ping 2s infinite}
@keyframes ping{70%{box-shadow:0 0 0 8px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
.search{background:#fff;border-radius:20px;padding:7px;display:flex;gap:4px;box-shadow:0 24px 50px -30px rgba(29,34,54,.5),0 0 0 1.5px var(--line)}
.search:focus-within{box-shadow:0 24px 50px -30px rgba(29,34,54,.5),0 0 0 2px var(--amb)}
.fld{position:relative;flex:1;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:14px;min-width:0}
.fld .i{color:var(--mute)}
.fld input,.fld select{border:0;background:none;outline:none;height:48px;width:100%;font-weight:600;font-size:15px;min-width:0;appearance:none;cursor:pointer}
.fld input{cursor:text}
.fld.s2{flex:.55}
.sep{width:1px;background:var(--line);margin:10px 0}
.search .btn{height:48px;padding:0 26px}
.ph-rot{position:absolute;left:44px;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--mute);font-weight:500;white-space:nowrap;overflow:hidden}
.ph-rot span{display:inline-block;animation:phin .45s var(--ease)}
@keyframes phin{from{opacity:0;transform:translateY(10px)}}
.chips{display:flex;gap:8px;margin-top:14px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.chips button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:8px 13px;font-weight:500;font-size:13.5px;cursor:pointer;white-space:nowrap;transition:.2s}
.chips button .i{width:16px;height:16px;color:var(--mute)}
.chips button em{font-style:normal;font-size:11.5px;color:var(--mute);font-weight:500;background:var(--bg);padding:1px 7px;border-radius:10px}
.chips button:hover{border-color:var(--navy)}
.chips button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.chips button.on .i{color:var(--amb)}
.chips button.on em{background:rgba(255,255,255,.14);color:#fff}

.main{display:grid;grid-template-columns:250px minmax(0,1fr) 340px;gap:20px;padding-top:20px;align-items:start}
.flt{background:#fff;border:1px solid var(--line);border-radius:22px;position:sticky;top:86px;max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-width:thin}
.flt-h{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 10px}
.flt-h b{font-size:16px;display:flex;align-items:center;gap:8px}
.flt-h button{background:none;border:0;color:var(--amb-d);font-weight:500;font-size:13px;cursor:pointer}
.fg{padding:12px 18px;border-top:1px solid var(--line)}
.fg h6{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:600;margin-bottom:9px}
.ck{display:flex;align-items:center;gap:10px;padding:5px 0;cursor:pointer;font-weight:600;font-size:14px;color:var(--body)}
.ck input{display:none}
.ck .bx{width:18px;height:18px;border-radius:6px;border:1.5px solid #c9cede;display:grid;place-items:center;flex:none;transition:.15s}
.ck input:checked+.bx{background:var(--navy);border-color:var(--navy)}
.ck input:checked+.bx::after{content:"";width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.ck input[type=radio]+.bx{border-radius:50%}
.ck input[type=radio]:checked+.bx::after{width:6px;height:6px;border:0;border-radius:50%;background:#fff;transform:none}
.ck em{margin-left:auto;font-style:normal;font-size:12px;color:var(--mute);font-weight:500}
.ck:hover{color:var(--ink)}
.rng{margin-top:4px}
.rng input{width:100%;accent-color:var(--navy)}
.rng .v{display:flex;justify-content:space-between;font-size:13px;font-weight:500;color:var(--body);margin-top:2px}
.rng .v b{color:var(--ink)}
.tgl{display:flex;justify-content:space-between;align-items:center;font-weight:500;font-size:14px;cursor:pointer;gap:10px}
.tgl input{display:none}
.tgl .tg{width:40px;height:23px;border-radius:20px;background:#d5d9e4;position:relative;transition:.25s;flex:none}
.tgl .tg::after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:.25s var(--ease)}
.tgl input:checked+.tg{background:var(--amb)}
.tgl input:checked+.tg::after{transform:translateX(17px)}

.lh{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.lh .cnt{font-weight:500;color:var(--body)}
.lh .cnt b{font-family:var(--disp);font-size:20px;color:var(--ink);margin-right:4px}
.lh .ctl{display:flex;gap:8px;align-items:center}
.lh select{height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 12px;font-weight:500;font-size:13.5px;outline:none;cursor:pointer}
.vt{display:flex;border:1px solid var(--line);border-radius:12px;background:#fff;padding:3px;gap:2px}
.vt button{width:36px;height:32px;border:0;background:none;border-radius:9px;color:var(--mute);cursor:pointer;display:grid;place-items:center;transition:.2s}
.vt button .i{width:17px;height:17px}
.vt button.on{background:var(--navy);color:#fff}
.vt button:not(.on):hover{color:var(--ink);background:var(--bg)}
.act{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.act:empty{display:none}
.act span{display:inline-flex;align-items:center;gap:6px;background:var(--navy);color:#fff;border-radius:20px;padding:5px 6px 5px 12px;font-size:12.5px;font-weight:500;animation:pop .3s var(--ease)}
.act span button{width:20px;height:20px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;cursor:pointer;line-height:1}
.act span.ai{background:linear-gradient(90deg,var(--vi),var(--sky))}
@keyframes pop{from{transform:scale(.7);opacity:0}}
.sec-t{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;margin:4px 0 10px;color:var(--body)}
.sec-t .i{width:17px;height:17px;color:var(--amb-d)}
.list{display:grid;gap:8px}
.job{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s;animation:jin .45s var(--ease) both;cursor:pointer}
@keyframes jin{from{opacity:0;transform:translateY(12px)}}
.job:hover{transform:translateY(-2px);box-shadow:0 18px 34px -24px rgba(29,34,54,.55);border-color:#d3d7e3}
.job.prem{background:linear-gradient(90deg,#fffaf0,#fff 40%);border-color:#ffe2a3}
.job.prem::before{content:"";position:absolute;left:-1px;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--amb)}
.job.match{border-color:#c7c0ff;box-shadow:0 0 0 3px rgba(109,93,252,.12)}
.job .lg{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-family:var(--disp);font-weight:500;color:#fff;font-size:15px}
.job h3{font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.25;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.job h3 .pb{font-size:11px;font-weight:600;color:#8a5a00;background:var(--amb-50);border:1px solid #ffe2a3;padding:2px 7px;border-radius:7px;display:inline-flex;gap:3px;align-items:center}
.job h3 .pb .i{width:12px;height:12px;color:var(--amb-d)}
.job h3 .nw{font-size:11px;font-weight:600;color:var(--ok);background:var(--ok-50);padding:2px 7px;border-radius:7px}
.job .co{font-size:13.5px;color:var(--body);font-weight:600;margin-top:2px}
.job .mt{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px;font-size:12.5px;color:var(--mute);font-weight:600}
.job .mt span{display:inline-flex;align-items:center;gap:4px}
.job .mt .i{width:14px;height:14px}
.job .rt{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.job .sal{font-family:var(--disp);font-weight:500;font-size:16px;white-space:nowrap}
.job .sal small{font-family:var(--f);font-size:12px;color:var(--mute)}
.job .sal.na{font-family:var(--f);font-size:13px;color:var(--mute);font-weight:500}
.job .row{display:flex;gap:6px;align-items:center}
.job .fav{width:34px;height:34px;border-radius:11px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--mute);transition:.2s}
.job .fav .i{width:16px;height:16px}
.job .fav.on{color:var(--red);border-color:#fecaca;background:#fef2f2}
.job .fav.on path{fill:currentColor}
.job .mp{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--vi);background:#efedff;padding:5px 9px;border-radius:9px;white-space:nowrap}
.job .mp .i{width:13px;height:13px}
#listWrap.gv .list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#listWrap.gv .job{grid-template-columns:auto minmax(0,1fr);align-items:start;padding:16px;border-radius:20px}
#listWrap.gv .job .rt{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px dashed var(--line);padding-top:12px}
#listWrap.gv .job .mt{gap:8px}
#listWrap.gv .job .mt span{background:var(--bg);padding:3px 8px;border-radius:8px}
#listWrap.gv .job.prem::before{display:none}
#listWrap.gv .job.prem{border-width:1.5px}
.empty{background:#fff;border:1px dashed #cfd3df;border-radius:18px;padding:40px;text-align:center;color:var(--mute)}
.empty b{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}
.more{display:flex;justify-content:center;margin-top:14px}

.side{position:sticky;top:86px;display:grid;gap:14px}
.ai{position:relative;background:var(--navy-dd);color:#fff;border-radius:26px;padding:18px;overflow:hidden;isolation:isolate}
.ai::before{content:"";position:absolute;inset:0;background:radial-gradient(260px 200px at 100% 0%,rgba(255,183,0,.3),transparent 60%),radial-gradient(260px 220px at 0% 100%,rgba(109,93,252,.35),transparent 60%);z-index:-1}
.ai-h{display:flex;justify-content:space-between;align-items:center}
.ai-h b{font-size:15px;display:flex;align-items:center;gap:8px}
.ai-h b .i{color:var(--amb);width:18px;height:18px}
.ai-h small{font-size:11px;font-weight:600;letter-spacing:.08em;color:#aab2d0;display:flex;align-items:center;gap:6px}
.ai-h small i{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:.2}}
.mcv{position:relative;margin-top:14px;background:#fff;color:var(--ink);border-radius:18px;padding:13px;overflow:hidden}
.mcv .tp{display:flex;align-items:center;gap:10px}
.mcv .av{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-family:var(--disp);font-weight:500;color:#fff;font-size:13px;flex:none;transition:background .4s}
.mcv b{display:block;font-size:14px}
.mcv small{color:var(--mute);font-weight:600;font-size:12px}
.mcv .ring,.mvac .ring{margin-left:auto;position:relative;width:50px;height:50px;flex:none}
.mcv .ring svg,.mvac .ring svg{width:50px;height:50px;transform:rotate(-90deg)}
.mcv .ring circle,.mvac .ring circle{fill:none;stroke-width:5}
.mcv .ring .b,.mvac .ring .b{stroke:#eef0f6}
.mcv .ring .f,.mvac .ring .f{stroke:url(#rg);stroke-linecap:round;stroke-dasharray:132;stroke-dashoffset:132;transition:stroke-dashoffset .2s linear}
.mcv .ring span,.mvac .ring span{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--disp);font-size:12px;font-weight:500}
.mcv .sk{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}
.mcv .sk span{font-size:11.5px;font-weight:500;padding:4px 8px;border-radius:8px;background:var(--bg);border:1px solid var(--line);transition:.35s var(--ease)}
.mcv .sk span.hit{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-2px)}
.mcv .scan,.mvac .scan{position:absolute;left:10px;right:10px;height:2px;background:linear-gradient(90deg,transparent,var(--amb),transparent);box-shadow:0 0 10px var(--amb);opacity:0;top:0}
.mcv.scanning .scan,.mvac.scanning .scan{animation:scan 1.5s ease-in-out}
@keyframes scan{0%{top:12px;opacity:1}100%{top:calc(100% - 12px);opacity:0}}
.flow{display:flex;align-items:center;justify-content:center;gap:10px;height:46px;position:relative}
.flow i{width:6px;height:6px;border-radius:50%;background:var(--amb);opacity:.25}
.flow.on i{animation:dot 1s infinite}
.flow i:nth-child(2){animation-delay:.15s}.flow i:nth-child(4){animation-delay:.45s}.flow i:nth-child(5){animation-delay:.6s}
@keyframes dot{50%{opacity:1;transform:scale(1.5)}}
.flow span{font-size:11px;font-weight:600;letter-spacing:.06em;color:#aab2d0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3px 10px;white-space:nowrap}
.ntf{background:rgba(255,255,255,.97);color:var(--ink);border-radius:18px;padding:12px;display:flex;gap:10px;align-items:center;transform:translateY(16px) scale(.96);opacity:.0;transition:.55s cubic-bezier(.3,1.4,.5,1)}
.ntf.on{transform:none;opacity:1}
.ntf .ic{width:40px;height:40px;border-radius:12px;background:var(--amb);display:grid;place-items:center;flex:none;position:relative}
.ntf .ic .i{width:20px;height:20px}
.ntf .ic b{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;border-radius:10px;background:var(--red);color:#fff;font-size:10.5px;display:grid;place-items:center;border:2px solid #fff}
.ntf.on .ic{animation:ring .6s .2s}
@keyframes ring{20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(5deg)}}
.ntf div{flex:1;min-width:0}
.ntf strong{display:block;font-size:13.5px}
.ntf p{font-size:12px;color:var(--body)}
.ntf button{height:34px;padding:0 12px;border-radius:10px;border:0;background:var(--navy);color:#fff;font-weight:500;font-size:12.5px;cursor:pointer}
.ntf button:hover{background:var(--vi)}
.mini{display:grid;gap:6px;margin-top:10px;min-height:118px}
.mini div{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:8px 10px;font-size:12.5px;font-weight:500;opacity:0;transform:translateX(16px);transition:.45s var(--ease)}
.mini div.on{opacity:1;transform:none}
.mini div i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:600;flex:none}
.mini div span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini div em{font-style:normal;color:#7ee2a0;font-family:var(--disp);font-size:11.5px}
.ai .cta{display:flex;gap:8px;margin-top:14px}
.ai .cta .btn{flex:1;height:42px;font-size:13.5px}
.ai .cta .btn-gh{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}
.ch-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px}
.ch-card h4{font-size:14.5px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}
.ch-card h4 small{font-size:12px;color:var(--mute);font-weight:600}
.ch{display:flex;align-items:center;gap:10px;padding:6px 0}
.ch i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none}
.ch i .i{width:16px;height:16px}
.ch b{flex:1;font-size:13.5px}
.emp-card{background:var(--amb);border-radius:22px;padding:18px;position:relative;overflow:hidden}
.emp-card::after{content:"";position:absolute;right:-30px;bottom:-30px;width:120px;height:120px;border-radius:50%;border:22px solid rgba(255,255,255,.35)}
.emp-card b{font-family:var(--disp);font-size:16px;letter-spacing:-.02em;display:block;line-height:1.2}
.emp-card p{font-size:13px;color:#5a4100;margin:6px 0 12px;font-weight:600;max-width:24ch}
.emp-card .btn{height:40px;font-size:13.5px;background:var(--ink);color:#fff;position:relative;z-index:1}

section.blk{padding:90px 0 0}
.kick{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--amb-d)}
.kick::before{content:"";width:22px;height:2px;background:var(--amb)}
.h2{font-family:var(--disp);font-weight:500;font-size:clamp(28px,3.2vw,46px);letter-spacing:-.04em;line-height:1.05;margin-top:10px}
.h2 u{text-decoration:none;background:linear-gradient(transparent 62%,var(--amb) 62%,var(--amb) 92%,transparent 92%)}
.sh{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px;flex-wrap:wrap}
.sh p{max-width:44ch;color:var(--body);font-size:16px}
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hw{background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px;display:flex;flex-direction:column;min-height:330px}
.hw .n{font-family:var(--disp);font-size:12px;font-weight:500;color:var(--mute)}
.hw h3{font-family:var(--disp);font-size:21px;font-weight:500;letter-spacing:-.03em;margin:8px 0 6px}
.hw p{color:var(--body);font-size:14.5px}
.hw .vis{margin-top:auto;height:140px;border-radius:18px;background:var(--bg);position:relative;overflow:hidden;display:grid;place-items:center}
.drop{width:80%;height:104px;border:2px dashed #c9cede;border-radius:16px;display:grid;place-items:center;transition:.3s}
.hw:hover .drop{border-color:var(--amb);background:var(--amb-50)}
.doc{width:54px;height:68px;background:#fff;border-radius:8px;box-shadow:0 10px 20px -10px rgba(0,0,0,.4);animation:docdrop 3.2s var(--ease) infinite;display:flex;flex-direction:column;gap:5px;padding:11px 8px}
.doc i{height:4px;border-radius:2px;background:#dde1ec}
.doc i:first-child{background:var(--amb);width:60%}
@keyframes docdrop{0%{transform:translateY(-90px) rotate(-12deg);opacity:0}30%{transform:none;opacity:1}80%{transform:none;opacity:1}100%{transform:scale(.8);opacity:0}}
.ana{display:flex;flex-wrap:wrap;gap:6px;width:84%;justify-content:center}
.ana span{font-size:12px;font-weight:500;padding:5px 10px;border-radius:10px;background:#fff;border:1px solid var(--line);opacity:0;animation:popk 3.2s infinite}
.ana span:nth-child(2){animation-delay:.2s}.ana span:nth-child(3){animation-delay:.4s}.ana span:nth-child(4){animation-delay:.6s}.ana span:nth-child(5){animation-delay:.8s}.ana span:nth-child(6){animation-delay:1s}
@keyframes popk{0%,8%{opacity:0;transform:scale(.6)}18%,80%{opacity:1;transform:none}100%{opacity:0}}
.scanl{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--vi),transparent);animation:scan2 3.2s ease-in-out infinite}
@keyframes scan2{0%{top:10%}50%{top:90%}100%{top:10%}}
.bells{position:relative;width:86%;height:116px}
.bells div{position:absolute;left:0;right:0;background:#fff;border-radius:14px;padding:9px 12px;display:flex;gap:10px;align-items:center;font-size:12.5px;font-weight:500;box-shadow:0 10px 20px -14px rgba(0,0,0,.5);animation:stack 4.5s var(--ease) infinite;opacity:0}
.bells div i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none}
.bells div i .i{width:15px;height:15px}
.bells div:nth-child(2){animation-delay:1.5s}.bells div:nth-child(3){animation-delay:3s}
@keyframes stack{0%{opacity:0;transform:translateY(-30px) scale(.95)}10%{opacity:1;transform:translateY(0)}33%{transform:translateY(40px)}60%{transform:translateY(80px);opacity:1}75%,100%{transform:translateY(104px);opacity:0}}

.marq{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mtrk{display:flex;gap:10px;width:max-content;animation:mq 40s linear infinite}
.marq:hover .mtrk{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.mtrk span{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 16px;font-weight:500;white-space:nowrap;color:var(--body)}
.mtrk span i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:600;color:#fff;font-style:normal}

.big-cta{margin-top:90px;background:var(--navy-dd);color:#fff;border-radius:36px;padding:56px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;position:relative;overflow:hidden;isolation:isolate}
.big-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 300px at 90% 10%,rgba(255,183,0,.3),transparent 60%),radial-gradient(400px 300px at 0% 100%,rgba(109,93,252,.3),transparent 60%);z-index:-1}
.big-cta h2{font-family:var(--disp);font-size:clamp(30px,3.6vw,52px);font-weight:500;letter-spacing:-.045em;line-height:1.02}
.big-cta h2 span{color:var(--amb)}
.big-cta p{color:#aab2d0;font-size:17px;margin-top:12px}
.big-cta .btns{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}
.big-cta .btn{height:50px;padding:0 22px}
.big-cta .btn-gh{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff}
.stack3{position:relative;height:220px}
.stack3 div{position:absolute;left:0;right:0;background:#fff;color:var(--ink);border-radius:18px;padding:14px;display:flex;gap:12px;align-items:center;box-shadow:0 30px 50px -30px rgba(0,0,0,.8);font-weight:500;font-size:14px}
.stack3 div i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none}
.stack3 div small{display:block;color:var(--mute);font-weight:600;font-size:12px}
.stack3 div:nth-child(1){top:0;transform:rotate(-3deg) translateX(-10px);animation:fl 6s ease-in-out infinite}
.stack3 div:nth-child(2){top:76px;transform:rotate(2deg) translateX(20px);animation:fl 6s 1s ease-in-out infinite}
.stack3 div:nth-child(3){top:152px;transform:rotate(-1deg);animation:fl 6s 2s ease-in-out infinite}
@keyframes fl{50%{translate:0 -8px}}

footer{margin-top:80px;background:#fff;border-top:1px solid var(--line);padding:50px 0 26px;font-size:14px;color:var(--body)}
.fgr{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}
.fgr h5{color:var(--ink);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
.fgr ul{list-style:none;display:grid;gap:8px}
.fgr a:hover{color:var(--amb-d)}
.fgr .logo{display:inline-block;margin-bottom:12px}
.fb{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:34px;padding-top:20px;font-size:13px;color:var(--mute)}

.rv{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv.in{opacity:1;transform:none}

.dr-bg{display:none}
@media (max-width:1240px){
  .main{grid-template-columns:230px minmax(0,1fr)}
  .side{grid-column:1/-1;position:static;grid-template-columns:1fr;order:-1}
  .side .ch-card,.side .emp-card,.ai .mcv,.ai .flow,.ai .mini,.ai .cta,.ai-h small{display:none}
  .ai{padding:10px;border-radius:20px;display:flex;align-items:center;gap:12px}
  .ai-h b{font-size:0;gap:0}
  .ai-h b .i{width:22px;height:22px;margin-left:6px}
  .ntf{flex:1;opacity:1;transform:none;padding:10px}
}
@media (max-width:1000px){
  nav.mn,.hh{display:none}
  .menu-b{display:grid;width:44px;height:44px;border-radius:13px;background:var(--navy);color:#fff;border:0;place-items:center}
  header.open nav.mn{display:flex;position:absolute;top:100%;left:16px;right:16px;flex-direction:column;background:#fff;border-radius:18px;padding:10px;box-shadow:0 30px 60px -30px rgba(29,34,54,.6)}
  header.open nav.mn a{padding:13px 14px;font-size:16px}
  .main{grid-template-columns:minmax(0,1fr)}
  .side{grid-template-columns:1fr}

  .fbtn{display:inline-flex;height:40px}
  .flt{position:fixed;left:0;top:0;bottom:0;width:min(340px,88vw);max-height:none;border-radius:0 22px 22px 0;z-index:90;transform:translateX(-105%);transition:transform .35s var(--ease)}
  .flt.open{transform:none}
  .dr-bg.open{display:block;position:fixed;inset:0;background:rgba(17,22,44,.45);z-index:80}
  .how{grid-template-columns:1fr}
  .big-cta{grid-template-columns:1fr;padding:34px 22px}
  .stack3{display:none}
  .fgr{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .wrap{padding:0 14px}
  .hrow{height:62px;gap:12px}
  .hrow .btn-amb{display:none}
  .search{padding:5px}
  .t-head .live{display:none}
  .t-head{margin-bottom:12px}
  .top{padding:16px 0 14px}
  .fld.s2{display:none}
  .fld{padding:0 10px}
  .sep{display:none}
  .search .btn{padding:0 16px;height:46px}
  .fld input{height:46px}
  .lh .ctl{width:100%}
  .lh select{flex:1}
  .job{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:13px}
  .job .lg{width:42px;height:42px;font-size:13px}
  .job .rt{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px dashed var(--line);padding-top:10px}
  .job h3{font-size:15px}
  #listWrap.gv .list{grid-template-columns:minmax(0,1fr)}
  .fgr{grid-template-columns:1fr}
  .fb{flex-direction:column;gap:4px}
  section.blk{padding-top:70px}
}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01s!important;animation-iteration-count:1!important;transition-duration:.01s!important}.rv{opacity:1;transform:none}}

a.job{color:inherit}
.modes{display:inline-flex;position:relative;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:4px;gap:2px}
.modes button{position:relative;z-index:1;border:0;background:none;display:flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:12px;font-weight:600;font-size:14.5px;cursor:pointer;color:var(--body);transition:color .25s}
.modes button .i{width:18px;height:18px}
.modes button.on{color:#fff}
.modes .pillbg{position:absolute;top:4px;bottom:4px;border-radius:12px;background:var(--navy);transition:.4s var(--ease);box-shadow:0 10px 20px -10px rgba(43,53,89,.8)}
.top-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.bridge{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:40px;padding:6px 8px;box-shadow:0 10px 24px -18px rgba(29,34,54,.6)}
.bridge .nd{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:5px 11px;border-radius:30px;background:var(--bg)}
.bridge .nd .i{width:16px;height:16px}
.bridge .nd.v{color:#8a5a00;background:var(--amb-50)}
.bridge .nd.c{color:var(--vi);background:#efedff}
.bridge .ln{position:relative;width:74px;height:22px}
.bridge .ln::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:repeating-linear-gradient(90deg,#d4d8e4 0 5px,transparent 5px 9px)}
.bridge .ln i{position:absolute;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;animation:br1 1.8s linear infinite}
.bridge .ln i.a{background:var(--amb);box-shadow:0 0 8px var(--amb)}
.bridge .ln i.b{background:var(--vi);box-shadow:0 0 8px var(--vi);animation-name:br2;animation-delay:.9s}
@keyframes br1{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}
@keyframes br2{0%{left:calc(100% - 8px);opacity:0}15%{opacity:1}85%{opacity:1}100%{left:0;opacity:0}}
.bridge .ln b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:var(--navy-dd);color:var(--amb);display:grid;place-items:center;z-index:1}
.bridge .ln b .i{width:12px;height:12px}
.bridge small{font-size:12px;color:var(--mute);font-weight:600;padding-right:8px}
.t-head h1 .sw{display:inline-block;animation:phin .5s var(--ease)}

.job.cand .lg.av{border-radius:50%;font-size:14px}
.job .sks{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.job .sks span{font-size:12px;font-weight:600;padding:3px 8px;border-radius:8px;background:var(--bg);border:1px solid var(--line);color:var(--body)}
.job .sks span.hit{background:var(--navy);border-color:var(--navy);color:#fff}
.job .cvb{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 11px;border-radius:11px;border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--body)}
.job .cvb .i{width:15px;height:15px}
.job.cand .rt .mt{justify-content:flex-end}

.mvac{position:relative;margin-top:14px;background:#fff;color:var(--ink);border-radius:18px;padding:13px;overflow:hidden}
.mvac .tp{display:flex;align-items:center;gap:10px}
.mvac .lg{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-family:var(--disp);font-weight:600;font-size:13px;flex:none}
.mvac b{display:block;font-size:14px;font-weight:600}
.mvac small{color:var(--mute);font-weight:500;font-size:12px}
.mvac .req{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}
.mvac .req span{font-size:11.5px;font-weight:600;padding:4px 8px;border-radius:8px;background:var(--amb-50);border:1px solid #ffe2a3;color:#8a5a00;transition:.35s var(--ease)}
.mvac .req span.hit{background:var(--amb);border-color:var(--amb);color:var(--ink);transform:translateY(-2px)}
.mvac .ring{margin-left:auto}
.mini div.cnd i{border-radius:50%}

.how2{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch}
.side2{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;display:grid;gap:12px}
.side2 .ttl{display:flex;align-items:center;gap:12px;margin-bottom:4px}
.side2 .ttl i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center}
.side2 .ttl b{font-family:var(--disp);font-size:20px;font-weight:600;letter-spacing:-.03em;display:block}
.side2 .ttl small{color:var(--mute);font-weight:500}
.stp{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:16px;background:var(--bg)}
.stp em{font-style:normal;font-family:var(--disp);font-size:12px;font-weight:600;width:28px;height:28px;border-radius:9px;background:#fff;display:grid;place-items:center;flex:none;color:var(--body)}
.stp b{display:block;font-size:14.5px;font-weight:600}
.stp small{color:var(--body);font-size:13px}
.core2{display:grid;place-items:center;align-content:center;gap:10px;width:150px}
.core2 .orb{position:relative;width:120px;height:120px}
.core2 .orb span{position:absolute;inset:0;border-radius:50%;border:1.5px dashed rgba(43,53,89,.25);animation:spin 16s linear infinite}
.core2 .orb span:nth-child(2){inset:14px;border:2px solid rgba(255,183,0,.6);border-top-color:transparent;border-right-color:transparent;animation-duration:3s}
.core2 .orb span:nth-child(3){inset:26px;border:0;background:conic-gradient(var(--amb),var(--vi),var(--sky),var(--amb));animation-duration:6s}
.core2 .orb b{position:absolute;inset:32px;border-radius:50%;background:var(--navy-dd);color:var(--amb);display:grid;place-items:center;font-family:var(--disp);font-size:13px;font-weight:600;box-shadow:0 0 0 5px #fff}
@keyframes spin{to{transform:rotate(360deg)}}
.core2 small{font-size:12px;color:var(--mute);font-weight:600;text-align:center}
.core2 .arr{display:flex;gap:6px;align-items:center;color:var(--mute);font-size:12px;font-weight:600}

.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--mute);font-weight:500;padding:20px 0 0}
.crumbs a:hover{color:var(--amb-d)}
.crumbs span{opacity:.5}
.pg{padding-bottom:20px;min-height:60vh}
.phd{padding:14px 0 22px}
.phd h1{font-family:var(--disp);font-size:clamp(26px,2.8vw,40px);font-weight:600;letter-spacing:-.035em;line-height:1.1}
.phd p{color:var(--body);margin-top:6px;max-width:62ch;font-size:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px}
.card h2{font-family:var(--disp);font-size:20px;font-weight:600;letter-spacing:-.025em;margin-bottom:12px}
.card h3{font-size:16px;font-weight:600;margin:18px 0 8px}
.card p,.card li{color:var(--body);font-size:15px}
.card ul{padding-left:18px;display:grid;gap:6px}
.det{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}
.det-main{display:grid;gap:16px}
.det-side{position:sticky;top:86px;display:grid;gap:14px}
.jhead{position:relative;overflow:hidden}
.jhead::after{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,183,0,.25),transparent 65%)}
.jhead .tp{display:flex;gap:16px;align-items:center}
.jhead .lg{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;color:#fff;font-family:var(--disp);font-size:22px;font-weight:600;flex:none}
.jhead h1{font-family:var(--disp);font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-.03em;line-height:1.15}
.jhead .co{color:var(--body);font-weight:500;margin-top:4px;display:flex;align-items:center;gap:8px}
.jhead .co a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}
.facts div{background:var(--bg);border-radius:16px;padding:12px 14px}
.facts small{display:flex;align-items:center;gap:6px;color:var(--mute);font-size:12px;font-weight:600}
.facts small .i{width:14px;height:14px}
.facts b{display:block;font-size:15px;font-weight:600;margin-top:3px}
.facts b.sal{font-family:var(--disp);font-weight:600}
.jhead .bar{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;align-items:center}
.jhead .bar .meta{margin-left:auto;display:flex;gap:14px;color:var(--mute);font-size:13px;font-weight:500}
.jhead .bar .meta span{display:flex;gap:5px;align-items:center}
.jhead .bar .meta .i{width:15px;height:15px}
.tagc{display:flex;flex-wrap:wrap;gap:6px}
.tagc span{font-size:13px;font-weight:600;padding:6px 11px;border-radius:10px;background:var(--bg);border:1px solid var(--line)}
.tagc span.hit{background:var(--ok-50);border-color:#bfe8cd;color:#0f7a36}
.tagc span.miss{background:#fff5f5;border-color:#fecaca;color:#b42318}
.apply{background:var(--navy-dd);color:#fff;border-radius:24px;padding:20px;position:relative;overflow:hidden;isolation:isolate}
.apply::before{content:"";position:absolute;inset:0;background:radial-gradient(240px 180px at 100% 0,rgba(255,183,0,.3),transparent 60%);z-index:-1}
.apply .sal{font-family:var(--disp);font-size:24px;font-weight:600}
.apply .sal small{font-family:var(--f);font-size:13px;color:#aab2d0;font-weight:500}
.apply p{color:#aab2d0;font-size:13.5px;margin:4px 0 14px}
.apply .btn{width:100%;height:50px}
.apply .row2{display:flex;gap:8px;margin-top:8px}
.apply .row2 .btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;height:44px}
.apply .row2 .btn.on{color:#ff8a8a}
.mbox{border-radius:24px;padding:18px;background:#fff;border:1.5px solid #d9d4ff;box-shadow:0 0 0 4px rgba(109,93,252,.08)}
.mbox .hd{display:flex;align-items:center;gap:12px}
.mbox .ring{position:relative;width:62px;height:62px;flex:none}
.mbox .ring svg{width:62px;height:62px;transform:rotate(-90deg)}
.mbox .ring circle{fill:none;stroke-width:6}
.mbox .ring .b{stroke:#eef0f6}
.mbox .ring .f{stroke:url(#rg2);stroke-linecap:round;stroke-dasharray:170;stroke-dashoffset:170;transition:stroke-dashoffset 1.4s var(--ease)}
.mbox .ring span{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--disp);font-size:14px;font-weight:600}
.mbox b{font-size:15px;font-weight:600;display:block}
.mbox small{color:var(--mute);font-size:12.5px;font-weight:500}
.mbox .tagc{margin-top:12px}
.mbox .note{font-size:12.5px;color:var(--body);margin-top:10px;background:var(--bg);border-radius:12px;padding:9px 11px}
.cocard .tp{display:flex;align-items:center;gap:12px}
.cocard .lg{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;font-family:var(--disp);font-weight:600;flex:none}
.cocard b{font-weight:600;display:block}
.cocard small{color:var(--mute);font-size:13px}
.cocard p{font-size:14px;color:var(--body);margin:12px 0}
.empbox{background:var(--amb-50);border:1px solid #ffe2a3;border-radius:24px;padding:18px}
.empbox b{font-weight:600}
.empbox p{font-size:13.5px;color:#6b4d00;margin:4px 0 12px}
.empbox .cl{display:grid;gap:6px;margin-bottom:12px}
.empbox .cl a{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:8px 10px;font-size:13px;font-weight:600}
.empbox .cl a i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-size:11px;flex:none}
.empbox .cl a span{flex:1}
.empbox .cl a em{font-style:normal;color:var(--ok);font-family:var(--disp);font-size:12px}
.share{display:flex;gap:8px;flex-wrap:wrap}
.share a{display:flex;align-items:center;gap:7px;height:38px;padding:0 13px;border-radius:12px;border:1px solid var(--line);font-size:13px;font-weight:600}
.share a .i{width:16px;height:16px}
.share a:hover{border-color:var(--navy)}

.cvh .tp{display:flex;gap:18px;align-items:center}
.cvh .av{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--disp);font-size:26px;font-weight:600;flex:none;box-shadow:0 0 0 5px #fff,0 0 0 7px var(--line)}
.cvh h1{font-family:var(--disp);font-size:28px;font-weight:600;letter-spacing:-.03em}
.cvh .ro{color:var(--body);font-size:16px;font-weight:500}
.tl{display:grid;gap:0;position:relative;padding-left:22px}
.tl::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:var(--line)}
.tl div{position:relative;padding:8px 0 14px}
.tl div::before{content:"";position:absolute;left:-21px;top:13px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--amb)}
.tl b{font-weight:600;display:block}
.tl small{color:var(--mute);font-size:13px}
.tl p{font-size:14px;margin-top:4px}
.lock{position:relative}
.lock .blur{filter:blur(5px);user-select:none}
.lock .ov{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.lock .ov div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:0 20px 40px -24px rgba(0,0,0,.4);font-size:13.5px;font-weight:600}

.form-l{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}
.steps{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.steps span{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--mute);padding:7px 12px 7px 7px;border-radius:30px;background:#fff;border:1px solid var(--line)}
.steps span i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--bg);font-style:normal;font-size:12px}
.steps span.on{color:var(--ink);border-color:var(--navy)}
.steps span.on i{background:var(--navy);color:#fff}
.steps span.done i{background:var(--ok);color:#fff}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fgrid .full{grid-column:1/-1}
.inp{display:grid;gap:6px;align-content:start}
.inp label{font-size:13px;font-weight:600;color:var(--body)}
.inp input,.inp select,.inp textarea{height:48px;border:1.5px solid var(--line);border-radius:14px;padding:0 14px;background:#fff;outline:none;font-weight:500;transition:.2s;width:100%}
.inp textarea{height:auto;min-height:140px;padding:12px 14px;resize:vertical;line-height:1.5;font-family:var(--f)}
.inp input:focus,.inp select:focus,.inp textarea:focus{border-color:var(--navy);box-shadow:0 0 0 4px rgba(43,53,89,.08)}
.inp .hint{font-size:12px;color:var(--mute)}
.skin{display:flex;flex-wrap:wrap;gap:6px;border:1.5px solid var(--line);border-radius:14px;padding:8px;min-height:48px;align-items:center;background:#fff}
.skin:focus-within{border-color:var(--navy)}
.skin span{display:inline-flex;align-items:center;gap:6px;background:var(--navy);color:#fff;font-size:13px;font-weight:600;padding:5px 6px 5px 10px;border-radius:9px;animation:pop .3s var(--ease)}
.skin span button{width:18px;height:18px;border:0;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;cursor:pointer;line-height:1;font-size:12px}
.skin input{border:0;outline:none;flex:1;min-width:120px;height:32px;font-weight:500}
.sugg{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px;font-size:12.5px;color:var(--mute);font-weight:600}
.sugg button{display:inline-flex;align-items:center;gap:5px;border:1px dashed #c9c2ff;background:#f6f5ff;color:var(--vi);border-radius:9px;padding:5px 9px;font-size:12.5px;font-weight:600;cursor:pointer;animation:pop .3s var(--ease)}
.sugg button .i{width:13px;height:13px}
.live-m{position:sticky;top:86px;background:var(--navy-dd);color:#fff;border-radius:26px;padding:20px;overflow:hidden;isolation:isolate}
.live-m::before{content:"";position:absolute;inset:0;background:radial-gradient(240px 200px at 100% 0,rgba(255,183,0,.28),transparent 60%),radial-gradient(240px 200px at 0 100%,rgba(109,93,252,.35),transparent 60%);z-index:-1}
.live-m h4{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}
.live-m h4 .i{color:var(--amb);width:18px;height:18px}
.live-m .big{font-family:var(--disp);font-size:44px;font-weight:600;line-height:1;margin:14px 0 2px;color:var(--amb)}
.live-m .sub{color:#aab2d0;font-size:13px}
.live-m .cl{display:grid;gap:6px;margin-top:14px}
.live-m .cl div{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:8px 10px;font-size:13px;font-weight:500;animation:jin .4s var(--ease) both}
.live-m .cl i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:600;flex:none}
.live-m .cl span{flex:1;min-width:0}
.live-m .cl span small{display:block;color:#aab2d0;font-size:11.5px}
.live-m .cl em{font-style:normal;color:#7ee2a0;font-family:var(--disp);font-size:12px}
.live-m .tip{margin-top:14px;font-size:12.5px;color:#aab2d0;background:rgba(255,255,255,.06);border-radius:12px;padding:10px 12px}
.pkg{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pkg label{cursor:pointer}
.pkg input{display:none}
.pkg div{border:1.5px solid var(--line);border-radius:18px;padding:16px;transition:.2s;height:100%}
.pkg input:checked+div{border-color:var(--navy);box-shadow:0 0 0 4px rgba(43,53,89,.08)}
.pkg b{font-weight:600;display:flex;justify-content:space-between}
.pkg b em{font-style:normal;font-family:var(--disp)}
.pkg small{color:var(--body);font-size:13px;display:block;margin-top:4px}
.fnav{display:flex;justify-content:space-between;gap:10px;margin-top:18px}
.done-box{text-align:center;padding:40px 20px}
.done-box .ic{width:84px;height:84px;border-radius:50%;background:var(--ok-50);color:var(--ok);display:grid;place-items:center;margin:0 auto 14px;animation:pop .6s cubic-bezier(.3,1.6,.5,1)}
.done-box .ic .i{width:40px;height:40px}
.done-box h2{font-family:var(--disp);font-weight:600;font-size:26px;letter-spacing:-.03em}
.done-box p{color:var(--body);margin:8px auto 18px;max-width:46ch}

.upz{border:2px dashed #c9cede;border-radius:24px;padding:40px 20px;text-align:center;background:#fff;transition:.25s;cursor:pointer;position:relative;overflow:hidden}
.upz:hover,.upz.drag{border-color:var(--amb);background:var(--amb-50)}
.upz .ic{width:70px;height:70px;border-radius:22px;background:var(--amb);display:grid;place-items:center;margin:0 auto 12px;transition:transform .3s var(--ease)}
.upz:hover .ic{transform:translateY(-6px) rotate(-6deg)}
.upz .ic .i{width:32px;height:32px}
.upz b{font-size:17px;font-weight:600;display:block}
.upz small{color:var(--mute);font-weight:500}
.upz input{position:absolute;inset:0;opacity:0;cursor:pointer}
.parse{display:grid;gap:10px}
.parse .ln{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--bg);font-size:14px;font-weight:500;opacity:0;transform:translateY(8px);transition:.4s var(--ease)}
.parse .ln.on{opacity:1;transform:none}
.parse .ln i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#fff;flex:none}
.parse .ln i .i{width:15px;height:15px}
.parse .ln.ok i{background:var(--ok-50);color:var(--ok)}
.parse .ln em{font-style:normal;margin-left:auto;color:var(--mute);font-size:12.5px}
.pbar{height:8px;border-radius:6px;background:var(--bg);overflow:hidden;margin:14px 0 6px}
.pbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--amb),var(--vi));border-radius:6px;transition:width .4s linear}
.chn{display:grid;gap:8px}
.chn label{display:flex;align-items:center;gap:12px;border:1.5px solid var(--line);border-radius:16px;padding:12px 14px;cursor:pointer;font-weight:600}
.chn label i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none}
.chn label span{flex:1}
.chn label small{display:block;color:var(--mute);font-weight:500;font-size:12.5px}

.auth{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 71px)}
.auth-l{background:var(--navy-dd);color:#fff;padding:56px;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:center}
.auth-l::before{content:"";position:absolute;inset:0;background:radial-gradient(400px 300px at 90% 10%,rgba(255,183,0,.3),transparent 60%),radial-gradient(400px 300px at 0 100%,rgba(109,93,252,.35),transparent 60%);z-index:-1}
.auth-l h2{font-family:var(--disp);font-size:clamp(28px,3vw,44px);font-weight:600;letter-spacing:-.04em;line-height:1.05}
.auth-l h2 span{color:var(--amb)}
.auth-l p{color:#aab2d0;margin-top:12px;font-size:16px;max-width:40ch}
.auth-l .stack3{margin-top:30px;max-width:380px}
.auth-r{display:grid;place-items:center;padding:40px 24px}
.auth-box{width:100%;max-width:420px}
.auth-box h1{font-family:var(--disp);font-size:28px;font-weight:600;letter-spacing:-.03em}
.auth-box>p{color:var(--body);margin:6px 0 18px}
.roles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.roles label{cursor:pointer}
.roles input{display:none}
.roles div{border:1.5px solid var(--line);border-radius:18px;padding:14px;transition:.2s;background:#fff}
.roles div i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;margin-bottom:8px}
.roles div b{display:block;font-weight:600}
.roles div small{color:var(--mute);font-size:12.5px}
.roles input:checked+div{border-color:var(--navy);box-shadow:0 0 0 4px rgba(43,53,89,.08)}
.atabs{display:flex;background:var(--bg);border-radius:14px;padding:4px;margin-bottom:16px}
.atabs button{flex:1;height:40px;border:0;background:none;border-radius:11px;font-weight:600;cursor:pointer;color:var(--body)}
.atabs button.on{background:#fff;color:var(--ink);box-shadow:0 2px 6px rgba(0,0,0,.06)}
.or{display:flex;align-items:center;gap:10px;color:var(--mute);font-size:12.5px;font-weight:600;margin:14px 0}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.gbtn{width:100%;height:48px;border:1.5px solid var(--line);border-radius:14px;background:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}
.gbtn:hover{border-color:var(--navy)}

.co-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.coc{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:12px;transition:.3s var(--ease)}
.coc:hover{transform:translateY(-4px);box-shadow:0 24px 40px -28px rgba(29,34,54,.5)}
.coc .tp{display:flex;gap:12px;align-items:center}
.coc .lg{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;font-family:var(--disp);font-weight:600;font-size:18px;flex:none}
.coc b{font-weight:600;font-size:16px;display:block}
.coc small{color:var(--mute);font-size:13px}
.coc p{font-size:13.5px;color:var(--body)}
.coc .ft{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px dashed var(--line);font-size:13px;font-weight:600}
.coc .ft em{font-style:normal;color:var(--ok)}
.cohero{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.cohero .lg{width:84px;height:84px;border-radius:24px;display:grid;place-items:center;color:#fff;font-family:var(--disp);font-size:30px;font-weight:600;flex:none}
.cohero h1{font-family:var(--disp);font-size:30px;font-weight:600;letter-spacing:-.03em}
.cohero .mt{display:flex;gap:14px;flex-wrap:wrap;color:var(--body);font-size:14px;font-weight:500;margin-top:6px}
.cohero .mt span{display:flex;gap:6px;align-items:center}
.cohero .mt .i{width:16px;height:16px;color:var(--mute)}
.cohero .btns{margin-left:auto;display:flex;gap:8px}
.cnum{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cnum div{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}
.cnum b{font-family:var(--disp);font-size:32px;font-weight:600;letter-spacing:-.03em;color:var(--navy)}
.cnum small{display:block;color:var(--body);font-weight:500;margin-top:4px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.cl2{display:grid;gap:10px}
.cl2 a,.cl2 div{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}
.cl2 i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none}
.cl2 b{display:block;font-weight:600}
.cl2 small{color:var(--mute)}

@media (max-width:1100px){
  .det,.form-l{grid-template-columns:minmax(0,1fr)}
  .det-side,.live-m{position:static}
  .how2{grid-template-columns:1fr}
  .core2{width:auto;grid-auto-flow:column}
  .auth{grid-template-columns:1fr}
  .auth-l{padding:36px 24px}
  .auth-l .stack3{display:none}
  .co-grid{grid-template-columns:1fr 1fr}
  .contact{grid-template-columns:1fr}
}
@media (max-width:640px){
  .top-row{gap:10px}
  .modes{width:100%}
  .modes button{flex:1;justify-content:center;padding:0 8px;font-size:13.5px}
  .bridge{display:none}
  .facts{grid-template-columns:1fr 1fr}
  .jhead .bar .meta{margin-left:0;width:100%;flex-wrap:wrap;gap:6px 14px}
  .jhead .bar .meta span{white-space:nowrap}
  .fgrid{grid-template-columns:1fr}
  .pkg{grid-template-columns:1fr}
  .co-grid,.cnum{grid-template-columns:1fr}
  .cvh .tp{flex-direction:column;align-items:flex-start}
  .cohero .btns{margin-left:0}
  .job.cand .rt .mt{display:none}
}
.btn.fav.on{color:var(--red);border-color:#fecaca}
.btn.fav.on path{fill:currentColor}
.apply .row2 .btn.fav.on{color:#ff8a8a}

.uchip{display:flex;align-items:center;gap:10px;padding:5px 12px 5px 5px;border-radius:30px;border:1px solid var(--line);background:#fff;font-weight:600;font-size:14px;position:relative}
.uchip .av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--disp);font-size:12px;font-weight:600}
.uchip small{display:block;color:var(--mute);font-weight:500;font-size:11.5px;line-height:1.1}
.ubell{position:relative;width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:#fff;display:grid;place-items:center}
.ubell b{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;border-radius:10px;background:var(--red);color:#fff;font-size:10.5px;font-weight:600;display:grid;place-items:center;border:2px solid #fff}

.dash{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;padding:20px 0 10px;align-items:start}
.dnav{position:sticky;top:86px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:10px;display:grid;gap:2px}
.dnav .who{display:flex;gap:10px;align-items:center;padding:10px 10px 14px;border-bottom:1px solid var(--line);margin-bottom:6px}
.dnav .who .av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--disp);font-weight:600;flex:none}
.dnav .who b{display:block;font-weight:600;font-size:14.5px}
.dnav .who small{color:var(--mute);font-size:12.5px}
.dnav button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;border-radius:12px;padding:10px 12px;font-weight:500;font-size:14.5px;color:var(--body);cursor:pointer;text-align:left;transition:.2s}
.dnav button .i{width:18px;height:18px;color:var(--mute)}
.dnav button em{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:600;background:var(--bg);border-radius:10px;padding:1px 8px;color:var(--body)}
.dnav button em.hot{background:var(--amb);color:var(--ink)}
.dnav button:hover{background:var(--bg);color:var(--ink)}
.dnav button.on{background:var(--navy);color:#fff}
.dnav button.on .i{color:var(--amb)}
.dnav button.on em{background:rgba(255,255,255,.15);color:#fff}
.dnav .out{margin-top:6px;border-top:1px solid var(--line);padding-top:8px}
.dview{display:none;animation:jin .4s var(--ease)}
.dview.on{display:grid;gap:16px}
.dh{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}
.dh h1{font-family:var(--disp);font-size:clamp(22px,2.3vw,30px);font-weight:600;letter-spacing:-.03em;line-height:1.15}
.dh p{color:var(--body);margin-top:4px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.stat{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;position:relative;overflow:hidden}
.stat .ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;margin-bottom:12px}
.stat .ic .i{width:19px;height:19px}
.stat b{font-family:var(--disp);font-size:28px;font-weight:600;letter-spacing:-.03em;display:block;line-height:1}
.stat small{color:var(--body);font-weight:500;font-size:13px;display:block;margin-top:4px}
.stat .dl{position:absolute;right:14px;top:16px;font-size:12px;font-weight:600;color:var(--ok);background:var(--ok-50);padding:3px 8px;border-radius:8px}
.g2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}
.pn{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px}
.pn-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.pn-h h2{font-size:16.5px;font-weight:600;display:flex;align-items:center;gap:8px}
.pn-h h2 .i{width:18px;height:18px;color:var(--amb-d)}
.pn-h a,.pn-h button.lnk{font-size:13px;font-weight:600;color:var(--vi);background:none;border:0;cursor:pointer}
.aiban{background:var(--navy-dd);color:#fff;border-radius:22px;padding:20px;display:flex;gap:18px;align-items:center;position:relative;overflow:hidden;isolation:isolate}
.aiban::before{content:"";position:absolute;inset:0;background:radial-gradient(300px 200px at 100% 0,rgba(255,183,0,.3),transparent 60%),radial-gradient(300px 220px at 0 100%,rgba(109,93,252,.35),transparent 60%);z-index:-1}
.aiban .ic{width:56px;height:56px;border-radius:18px;background:var(--amb);color:var(--ink);display:grid;place-items:center;flex:none;position:relative;animation:ring .7s 1s}
.aiban .ic .i{width:26px;height:26px}
.aiban .ic b{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;border-radius:11px;background:var(--red);color:#fff;font-size:11.5px;font-weight:600;display:grid;place-items:center;border:2px solid var(--navy-dd)}
.aiban h3{font-family:var(--disp);font-size:19px;font-weight:600;letter-spacing:-.02em}
.aiban p{color:#aab2d0;font-size:14px;margin-top:2px}
.aiban .btn{margin-left:auto}
.prog{display:flex;gap:16px;align-items:center}
.prog .ring{position:relative;width:86px;height:86px;flex:none}
.prog .ring svg{width:86px;height:86px;transform:rotate(-90deg)}
.prog .ring circle{fill:none;stroke-width:8}
.prog .ring .b{stroke:#eef0f6}
.prog .ring .f{stroke:url(#pg1);stroke-linecap:round;stroke-dasharray:226;stroke-dashoffset:226;transition:stroke-dashoffset 1.4s var(--ease)}
.prog .ring span{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--disp);font-size:18px;font-weight:600}
.chk{display:grid;gap:6px;margin-top:12px}
.chk div{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500;padding:8px 10px;border-radius:12px;background:var(--bg)}
.chk div i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none;font-style:normal;font-size:11px}
.chk div.ok i{background:var(--ok);color:#fff}
.chk div.no i{border:1.5px dashed #c3c8d6}
.chk div.no{color:var(--body)}
.chk div button{margin-left:auto;font-size:12px;font-weight:600;color:var(--vi);background:none;border:0;cursor:pointer}
.apps{display:grid;gap:10px}
.app{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border-radius:16px;border:1px solid var(--line)}
.app .lg{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;font-family:var(--disp);font-weight:600}
.app b{display:block;font-weight:700;font-size:15px}
.app small{color:var(--mute);font-size:12.5px}
.pipe{display:flex;gap:4px;margin-top:8px}
.pipe i{flex:1;height:5px;border-radius:3px;background:var(--line)}
.pipe i.on{background:var(--ok)}
.pipe i.cur{background:var(--amb);animation:blink 1.2s steps(1) infinite}
.st-b{font-size:12px;font-weight:600;padding:5px 10px;border-radius:9px;white-space:nowrap}
.st-b.s1{background:var(--bg);color:var(--body)}
.st-b.s2{background:#e0f2fe;color:#0369a1}
.st-b.s3{background:var(--amb-50);color:#8a5a00}
.st-b.s4{background:var(--ok-50);color:#0f7a36}
.st-b.s0{background:#fff5f5;color:#b42318}
.feed{display:grid;gap:2px}
.feed div{display:flex;gap:12px;align-items:flex-start;padding:10px 6px;border-radius:12px}
.feed div:hover{background:var(--bg)}
.feed div i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:none}
.feed div i .i{width:16px;height:16px}
.feed div span{flex:1;font-size:13.5px;font-weight:500;line-height:1.35}
.feed div small{display:block;color:var(--mute);font-size:12px;font-weight:500;margin-top:2px}
.feed div.new span::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-left:6px;vertical-align:2px}
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:600;text-align:left;padding:0 10px 10px}
.tbl td{padding:12px 10px;border-top:1px solid var(--line);vertical-align:middle}
.tbl td b{font-weight:700;display:block}
.tbl td small{color:var(--mute);font-size:12.5px}
.tbl .num{font-family:var(--disp);font-weight:600}
.tbl .acts{display:flex;gap:6px;justify-content:flex-end}
.ibtn{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--body)}
.ibtn:hover{border-color:var(--navy);color:var(--ink)}
.ibtn .i{width:16px;height:16px}
.mbtn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 11px;border-radius:10px;border:0;background:#efedff;color:var(--vi);font-weight:600;font-size:12.5px;cursor:pointer}
.mbtn .i{width:14px;height:14px}
.mbtn:hover{background:var(--vi);color:#fff}
.on-off{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600}
.on-off::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok)}
.on-off.off::before{background:#c3c8d6}
.kan{display:grid;grid-template-columns:repeat(5,minmax(200px,1fr));gap:10px;overflow-x:auto;padding-bottom:6px}
.kcol{background:var(--bg);border-radius:18px;padding:10px;min-height:280px;transition:background .2s}
.kcol.over{background:#efedff;outline:2px dashed #c9c2ff}
.kcol h4{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;font-weight:600;padding:4px 6px 10px}
.kcol h4 em{font-style:normal;font-size:12px;background:#fff;border-radius:10px;padding:1px 8px;color:var(--body)}
.kc{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;margin-bottom:8px;cursor:grab;transition:transform .2s,box-shadow .2s}
.kc:hover{box-shadow:0 10px 20px -14px rgba(29,34,54,.6)}
.kc.drag{opacity:.4}
.kc .tp{display:flex;gap:8px;align-items:center}
.kc .av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:600;flex:none}
.kc b{font-weight:600;font-size:13.5px;display:block}
.kc small{color:var(--mute);font-size:12px}
.kc .ft{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.kc .ft em{font-style:normal;font-family:var(--disp);font-size:12px;color:var(--ok)}
.kc .ft span{font-size:11.5px;color:var(--mute);font-weight:500}
.vsel{display:flex;gap:8px;flex-wrap:wrap}
.vsel button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 12px;font-weight:600;font-size:13.5px;cursor:pointer}
.vsel button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.chart{display:flex;align-items:flex-end;gap:6px;height:150px;padding-top:10px}
.chart div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;height:100%;position:relative}
.chart i{display:block;border-radius:6px 6px 2px 2px;height:0;transition:height .9s var(--ease)}
.chart i.a{background:linear-gradient(180deg,#c9c2ff,#6d5dfc)}
.chart i.b{background:linear-gradient(180deg,#ffe2a3,#ffb700)}
.chart span{font-size:10.5px;color:var(--mute);text-align:center;font-weight:500}
.legend{display:flex;gap:14px;font-size:12.5px;font-weight:500;color:var(--body)}
.legend span{display:flex;align-items:center;gap:6px}
.legend span::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--vi)}
.legend span.y::before{background:var(--amb)}
.setf{display:grid;gap:12px;max-width:640px}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,140%);background:var(--ink);color:#fff;border-radius:14px;padding:12px 18px;font-weight:500;display:flex;gap:10px;align-items:center;z-index:120;transition:.4s cubic-bezier(.3,1.4,.5,1);opacity:0}
.toast.on{transform:translate(-50%,0);opacity:1}
.toast .i{color:#7ee2a0}
.dtabs{display:none}
@media (max-width:1100px){
  .stats{grid-template-columns:1fr 1fr}
  .g2{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .dash{grid-template-columns:minmax(0,1fr)}
  .dnav{position:static;display:flex;overflow-x:auto;scrollbar-width:none;padding:6px;gap:4px}
  .dnav .who,.dnav .out{display:none}
  .dnav button{white-space:nowrap;width:auto}
  .uchip small,.uchip span.nm{display:none}
  .uchip{padding:4px}
}
@media (max-width:640px){
  .stats{gap:8px}
  .stat{padding:12px}
  .stat b{font-size:22px}
  .aiban{flex-wrap:wrap}
  .aiban .btn{margin-left:0;width:100%}
  .tbl .hm{display:none}
  .app{grid-template-columns:auto minmax(0,1fr)}
  .app>.st-b,.app>.acts{grid-column:1/-1;justify-self:start}
  .prog{flex-direction:column;align-items:flex-start}
}

.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:16px}
.modal.on{display:grid}
.modal .bgm{position:absolute;inset:0;background:rgba(17,22,44,.5);backdrop-filter:blur(3px);animation:fd .3s}
@keyframes fd{from{opacity:0}}
.modal .box{position:relative;background:#fff;border-radius:26px;width:min(520px,100%);padding:24px;animation:jin .4s var(--ease);max-height:calc(100vh - 32px);overflow:auto}
.modal .x{position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;display:grid;place-items:center;z-index:1}
.modal .x .i{width:16px;height:16px}
.modal h3{font-family:var(--disp);font-size:20px;font-weight:600;letter-spacing:-.02em;padding-right:40px}
.modal .sub{color:var(--mute);font-size:14px;margin:4px 0 16px}
.modal .m-txt{color:var(--body);margin:10px 0 18px}
.modal .m-btns{display:flex;gap:10px;flex-wrap:wrap}
.modal .done-box{padding:20px 6px}
.cvpick{display:grid;gap:8px;margin-bottom:12px}
.cvpick label{display:flex;align-items:center;gap:12px;border:1.5px solid var(--line);border-radius:16px;padding:12px;cursor:pointer}
.cvpick label:has(input:disabled){opacity:.55;cursor:not-allowed}
.cvpick input{accent-color:var(--navy)}
.cvpick i{width:38px;height:38px;border-radius:11px;background:#fff6dc;color:#f59e0b;display:grid;place-items:center;flex:none}
.cvpick span{flex:1;min-width:0}
.cvpick b{display:block;font-weight:600;font-size:14px}
.cvpick small{color:var(--mute);font-size:12.5px}
.cvpick em{font-style:normal;font-size:12px;font-weight:600;color:var(--vi);background:#efedff;padding:4px 8px;border-radius:8px;white-space:nowrap}

.modes a{position:relative;z-index:1;display:flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:12px;font-weight:600;font-size:14.5px;color:var(--body);transition:color .3s}
.modes a .i{width:18px;height:18px}
.modes a.on{color:#fff;background:var(--navy);box-shadow:0 10px 20px -10px rgba(43,53,89,.8)}
.modes a:not(.on):hover{color:var(--ink)}
.chips a{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:8px 13px;font-weight:500;font-size:13.5px;white-space:nowrap;transition:.2s}
.chips a .i{width:16px;height:16px;color:var(--mute)}
.chips a em{font-style:normal;font-size:11.5px;color:var(--mute);font-weight:500;background:var(--bg);padding:1px 7px;border-radius:10px}
.chips a:hover{border-color:var(--navy)}
.chips a.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.chips a.on .i{color:var(--amb)}
.chips a.on em{background:rgba(255,255,255,.14);color:#fff}
.mtrk a{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 16px;font-weight:500;white-space:nowrap}
.mtrk a i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:600;color:#fff;font-style:normal}
.mtrk a:hover{border-color:var(--navy)}

.job h3 a{color:inherit}
.job h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:0}
.job .fav,.job .cvb,.job .rt .row,.job .co,.job .mt{position:relative;z-index:1}
.job .co{display:flex;align-items:center;gap:5px}
.vf{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--ok);color:#fff;flex:none;vertical-align:middle}
.vf .i{width:11px;height:11px;stroke-width:3}
.jhead h1 .vf,.cohero h1 .vf{width:22px;height:22px;margin-left:8px;vertical-align:4px}
.jhead h1 .vf .i,.cohero h1 .vf .i{width:14px;height:14px}
.lg.img,.av.img{background:#fff!important;border:1px solid var(--line);overflow:hidden;padding:0}
.lg.img img,.av.img img{width:100%;height:100%;object-fit:contain}
.job.off-j{opacity:.6}
.job.off-j h3{font-weight:600}

.coc-t{font-size:16px;font-weight:600;line-height:1.25;display:flex;align-items:center;gap:6px}
.coc{position:relative}
.coc-t a::after{content:"";position:absolute;inset:0;border-radius:22px}
.coc .ft span{display:flex;align-items:center;gap:4px}
.coc .ft .i{width:14px;height:14px}

.flt-h .rst{color:var(--amb-d);font-weight:500;font-size:13px}
.fg-empty{font-size:13px;color:var(--mute)}
.act span a{width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;display:grid;place-items:center;line-height:1;font-size:14px}
.act .act-clr{font-size:12.5px;font-weight:600;color:var(--amb-d);align-self:center;margin-left:4px}
.fbtn .fb-n{font-style:normal;background:var(--amb);color:var(--ink);border-radius:10px;padding:0 7px;font-size:12px}

.ai-p{color:#c9cfe6;font-size:13.5px;margin:12px 0 10px;line-height:1.5}
.ai-steps{list-style:none;display:grid;gap:6px}
.ai-steps li{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:8px 10px;font-size:12.5px;font-weight:500}
.ai-steps .i{width:16px;height:16px;color:var(--amb)}
.ai .ntf{margin-top:12px}
.ntf .nb{height:34px;padding:0 12px;border-radius:10px;background:var(--navy);color:#fff;font-weight:500;font-size:12.5px;display:grid;place-items:center;white-space:nowrap}
.ntf .nb:hover{background:var(--vi)}
.mini{min-height:0}
.mini a{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:8px 10px;font-size:12.5px;font-weight:500}
.mini a:hover{background:rgba(255,255,255,.12)}
.mini a i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:600;flex:none;color:#fff}
.mini a.cnd i{border-radius:50%}
.mini a span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini a em{font-style:normal;color:#7ee2a0;font-family:var(--disp);font-size:11.5px}
.ch .chn-n{font-family:var(--disp);font-size:15px;font-weight:600}

.pager{display:flex;justify-content:center;gap:6px;margin-top:20px;flex-wrap:wrap}
.pager a,.pager span{min-width:40px;height:40px;padding:0 10px;border-radius:12px;display:grid;place-items:center;font-weight:600;font-size:14px;background:#fff;border:1px solid var(--line)}
.pager a:hover{border-color:var(--navy)}
.pager .on{background:var(--navy);color:#fff;border-color:var(--navy)}
.pager .dis{opacity:.4}
.pager .dot{border:0;background:none}
.pager .i{width:16px;height:16px}

.seo-txt{padding-top:40px}
.seo-txt .card p{max-width:90ch}
.seo-links{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:14px;font-size:13.5px;align-items:center}
.seo-links b{font-weight:600;color:var(--ink)}
.seo-links a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.seo-links a:hover{color:var(--amb-d)}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.cat-c{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px;transition:transform .25s var(--ease),box-shadow .25s,border-color .2s}
.cat-c:hover{transform:translateY(-2px);box-shadow:0 18px 34px -24px rgba(29,34,54,.55);border-color:#d3d7e3}
.cat-c i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:none}
.cat-c span{flex:1;min-width:0}
.cat-c b{display:block;font-weight:600;font-size:14.5px;line-height:1.25}
.cat-c small{color:var(--mute);font-size:12.5px;font-weight:500}
.cat-c>.i{color:var(--mute);width:16px;height:16px}

.fpop{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:22px;font-size:13px;align-items:center}
.fpop b{color:var(--ink);font-weight:600}
.fpop a:hover{color:var(--amb-d)}
.fb a:hover{color:var(--amb-d)}
.mnav{display:none}
.hrow .btn-amb .t{display:inline}

.flash{display:flex;align-items:center;gap:10px;border-radius:16px;padding:12px 16px;font-weight:500;font-size:14px;margin-bottom:14px;border:1px solid}
.flash .i{width:18px;height:18px;flex:none}
.flash span{flex:1}
.flash a{font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.flash.ok{background:var(--ok-50);border-color:#bfe8cd;color:#0f5f2c}
.flash.err{background:#fff5f5;border-color:#fecaca;color:#9f1c14}
.flash.warn{background:var(--amb-50);border-color:#ffe2a3;color:#6b4d00}
.inp.bad input,.inp.bad select,.inp.bad textarea,.inp.bad .skin,.inp.bad .upz{border-color:var(--red)}
.ferr{font-size:12.5px;color:#b42318;font-weight:500}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.muted{color:var(--mute)}
.mark{background:linear-gradient(transparent 60%,var(--amb) 60%);padding:0 .05em}
.phd-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}

.desc h3{font-size:16px;font-weight:600;margin:18px 0 8px}
.desc p+p{margin-top:8px}
.desc ul{margin-top:4px}
.pb-l{font-size:11.5px;font-weight:600;color:#8a5a00;background:var(--amb-50);border:1px solid #ffe2a3;padding:2px 8px;border-radius:7px}
.app-st{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px;font-size:13.5px;margin-bottom:8px}
.app-st .i{color:#7ee2a0;width:18px;height:18px}
.app-st b{font-weight:600}
.mb-ic{width:42px;height:42px;border-radius:13px;background:#efedff;color:#6d5dfc;display:grid;place-items:center;flex:none}
.empbox>b{display:flex;align-items:center;gap:6px}
.empbox>b .i{width:18px;height:18px}
.empbox.flat{background:none;border:0;padding:0;margin-top:10px}
.empbox.flat .cl a{background:var(--bg)}
.empbox.flat .cl{margin-bottom:0}
.cc-t{display:block;font-weight:600;margin-bottom:4px}
.avail-b{font-size:13px;font-weight:600;color:#0f7a36;background:var(--ok-50);padding:6px 12px;border-radius:10px}
.tagc span.lng{display:inline-flex;align-items:center;gap:5px;background:#fff}
.tagc span.lng .i{width:14px;height:14px;color:var(--mute)}
.tagc.sm{margin-top:6px}
.tagc.sm span{font-size:12px;padding:3px 8px}
.ct-list{display:grid;gap:8px}
.ct-list p{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--ink)}
.ct-list p .i{width:16px;height:16px;color:var(--mute)}
.ct-list a{color:var(--navy);word-break:break-all}
.lock .ov div{display:grid;gap:8px;justify-items:center}
.lock .ov div .i{width:20px;height:20px;color:var(--mute)}
.lock .ov .btn{height:40px;font-size:13.5px}
.closed-box{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:16px}
.closed-box .ic{width:64px;height:64px;border-radius:20px;background:var(--bg);color:var(--mute);display:grid;place-items:center;flex:none}
.closed-box .ic .i{width:28px;height:28px}
.closed-box>div{flex:1;min-width:240px}
.closed-box h1{font-family:var(--disp);font-size:clamp(22px,2.4vw,30px);font-weight:600;letter-spacing:-.03em}
.closed-box p{color:var(--body);margin-top:4px}
.closed-box .btns{display:flex;gap:8px;flex-wrap:wrap}
.msg-box{max-width:620px;margin:40px auto 0}
.msg-box h1{font-family:var(--disp);font-weight:600;font-size:26px;letter-spacing:-.03em}
.msg-box .ic.err{background:var(--bg);color:var(--mute)}
.msg-box .btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.mini-s{max-width:460px;margin:10px auto 0}
.prose h2{font-size:18px;margin:22px 0 8px}
.prose h2:first-child{margin-top:0}
.prose p{margin-top:8px}
.prose a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.prose.sm p,.prose.sm li{font-size:14px}

.atabs a{flex:1;height:40px;border-radius:11px;font-weight:600;color:var(--body);display:grid;place-items:center}
.atabs a.on{background:#fff;color:var(--ink);box-shadow:0 2px 6px rgba(0,0,0,.06)}
.auth-f{display:grid;gap:10px}
.auth-f .inp label small{font-weight:500;color:var(--mute)}
.auth-sub{width:100%;height:50px;margin-top:14px}
.auth-alt{text-align:center;margin-top:14px;font-size:14px}
.auth-alt a{color:var(--navy);font-weight:600}
.ck.agree{font-weight:500;font-size:13.5px;align-items:flex-start}
.ck.agree a{color:var(--navy);text-decoration:underline}
.ck.agree.bad .bx{border-color:var(--red)}

.fs-t{font-family:var(--f);font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;margin:22px 0 12px;letter-spacing:0}
.fs-t:first-of-type{margin-top:0}
.fs-t .i{width:18px;height:18px;color:var(--amb-d)}
.fs-t small{font-weight:500;color:var(--mute);font-size:13px}
.rep{display:grid;gap:10px}
.rep-i{position:relative;background:var(--bg);border-radius:18px;padding:14px 46px 14px 14px}
.rep-i .inp input{background:#fff}
.rep-x{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--mute)}
.rep-x .i{width:14px;height:14px}
.rep-add{margin-top:10px;height:40px;font-size:13.5px}
.upz.sm{padding:20px;border-radius:18px;display:grid;justify-items:center;gap:4px}
.upz.sm .ic{width:48px;height:48px;border-radius:15px;margin:0 0 4px}
.upz.sm .ic .i{width:22px;height:22px}
.upz.sm b{font-size:15px}
.upz.has{border-color:var(--ok);background:var(--ok-50)}
.pub-t{margin-top:20px;background:var(--bg);border-radius:16px;padding:14px 16px}
.pub-t small{display:block;color:var(--mute);font-weight:500;font-size:12.5px}
.sugg .sg-l{margin-right:2px}
.live-m .cl a{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:8px 10px;font-size:13px;font-weight:500;animation:jin .4s var(--ease) both}
.live-m .cl a:hover{background:rgba(255,255,255,.12)}
.live-m .cl i{color:#fff}
.live-m .cl .i.sm{width:14px;height:14px}
.cvg-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cvg-grid>div{background:var(--bg);border-radius:18px;padding:16px}
.cvg-grid .ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;margin-bottom:10px}
.cvg-grid b{display:block;font-weight:600}
.cvg-grid p{font-size:13.5px;color:var(--body);margin-top:2px}

.dnav a{display:flex;align-items:center;gap:10px;width:100%;border-radius:12px;padding:10px 12px;font-weight:500;font-size:14.5px;color:var(--body);transition:.15s}
.dnav a .i{width:18px;height:18px;color:var(--mute)}
.dnav a em{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:600;background:var(--bg);border-radius:10px;padding:1px 8px;color:var(--body)}
.dnav a em.hot{background:var(--amb);color:var(--ink)}
.dnav a:hover{background:var(--bg);color:var(--ink)}
.dnav a.on{background:var(--navy);color:#fff}
.dnav a.on .i{color:var(--amb)}
.dnav a.on em{background:rgba(255,255,255,.15);color:#fff}
.dnav .out button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;border-radius:12px;padding:10px 12px;font-weight:500;font-size:14.5px;color:var(--body);cursor:pointer}
.dnav .out button .i{width:18px;height:18px;color:var(--mute)}
.dnav .out button:hover{background:var(--bg)}
.dnav .who .av.sq{border-radius:14px}
.dash{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;padding-top:20px;align-items:start}
.dview .flash{margin-bottom:0}
.thr-f{min-width:240px}
.del-note{font-size:13px;color:var(--mute)}
.del-note a{color:var(--red);font-weight:600}
.chk div a{margin-left:auto;font-size:12.5px;font-weight:600;color:var(--vi)}
.feed a{display:flex;gap:12px;align-items:flex-start;padding:10px 6px;border-radius:12px}
.feed a:hover{background:var(--bg)}
.feed a i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:none}
.feed a i .i{width:16px;height:16px}
.feed a span{flex:1;font-size:13.5px;font-weight:500;line-height:1.35}
.feed a small{display:block;color:var(--mute);font-size:12px;font-weight:500;margin-top:2px}
.feed a.new span::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-left:6px;vertical-align:2px}
.chn label.soon{opacity:.55;cursor:default}
a.app{transition:border-color .2s}
a.app:hover{border-color:var(--navy)}
.app .lg.av{border-radius:50%;font-size:13px}
.app>div>a b,.app>div>b{font-weight:600}
.app .acts{display:flex;gap:8px;align-items:center}
.app .mp{font-size:12px;font-weight:600;color:var(--vi);background:#efedff;padding:5px 9px;border-radius:9px}
.btn-sm{height:36px;padding:0 12px;font-size:13px;border-radius:11px}
.btn.done{background:var(--ok-50);color:#0f7a36;cursor:default}
.btn-nv.btn-sm .i,.btn-sm .i{width:15px;height:15px}
.on-off.st-pending::before{background:var(--amb)}
.on-off.st-rejected::before{background:var(--red)}
.on-off.st-closed::before,.on-off.st-expired::before{background:#c3c8d6}
.nw-n{font-family:var(--f);font-size:11.5px;color:var(--ok);font-weight:600}
.tbl td small.rej{display:block;color:#b42318}
.tbl td a{color:inherit}
.tbl td b a:hover{color:var(--vi)}
.vsel a{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 12px;font-weight:600;font-size:13.5px}
.vsel a.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.kan{grid-template-columns:repeat(6,minmax(190px,1fr))}
a.kc{display:block}
.stage{display:flex;flex-wrap:wrap;gap:6px}
.stage button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:8px 12px;font-weight:600;font-size:13px;cursor:pointer;color:var(--body)}
.stage button:hover{border-color:var(--navy)}
.stage button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.stage button.rej.on{background:#b42318;border-color:#b42318}
.facts.sm{grid-template-columns:repeat(2,1fr);margin-top:0}
.facts.sm div{padding:10px 12px}
.logo-row{display:flex;gap:16px;align-items:center}
.lg-prev{width:72px;height:72px;border-radius:20px;border:1px solid var(--line);overflow:hidden;display:grid;place-items:center;flex:none;background:#fff}
.lg-prev img{width:100%;height:100%;object-fit:contain}
.lg-prev.ph{color:#fff;font-family:var(--disp);font-size:26px;border:0}
.setf.wide{max-width:none}
.uchip .av.img{border:1px solid var(--line)}
.toast.bad .i{color:#ff8a8a}

@media (max-width:1240px){
  .ai .ai-p,.ai .ai-steps{display:none}
  .ai .ntf{margin-top:0}
}
@media (max-width:1000px){
  .mnav{display:none;position:absolute;top:100%;left:0;right:0;padding:0 16px}
  header.open .mnav{display:block}
  .mnav .wrap{display:flex;flex-direction:column;background:#fff;border-radius:18px;padding:10px;box-shadow:0 30px 60px -30px rgba(29,34,54,.6);border:1px solid var(--line)}
  .mnav a{padding:13px 14px;font-size:16px;font-weight:600;border-radius:12px}
  .mnav a:hover{background:var(--bg)}
  header.open nav.mn{display:none}
  .dash{grid-template-columns:minmax(0,1fr)}
  .cvg-grid{grid-template-columns:1fr}
  .form-l{grid-template-columns:minmax(0,1fr)}
  .live-m{position:static}
}
@media (max-width:900px){
  .dnav a{white-space:nowrap;width:auto}
}
@media (max-width:640px){
  .hrow .btn-amb{display:none}
  .search .btn .t{display:none}
  .cat-grid{grid-template-columns:1fr}
  .facts{grid-template-columns:1fr 1fr}
  .jhead .bar .meta{margin-left:0;flex-wrap:wrap}
  .closed-box{flex-direction:column;align-items:flex-start}
  .rep-i{padding:12px 42px 12px 12px}
  .pkg{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr}
  .modes a{padding:0 12px;font-size:13.5px}
  .bridge{display:none}
  .phd h1{font-size:26px}
  .stage button{flex:1 1 auto}
}
.ai-m{display:none}
@media (max-width:1240px){
  .ai-m{display:flex;flex:1;align-items:center;justify-content:space-between;gap:10px;color:#fff;font-size:13.5px;font-weight:500;padding:4px 6px}
  .ai-m .i{width:18px;height:18px;color:var(--amb);flex:none}
}
.demo-b{font-size:11px;font-weight:600;color:#6b7189;background:#eef0f6;border:1px solid #dfe2ec;padding:2px 7px;border-radius:7px;letter-spacing:.02em}
.wz-steps button{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--mute);padding:7px 12px 7px 7px;border-radius:30px;background:#fff;border:1px solid var(--line);cursor:pointer}
.wz-steps button i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--bg);font-style:normal;font-size:12px}
.wz-steps button.on{color:var(--ink);border-color:var(--navy)}
.wz-steps button.on i{background:var(--navy);color:#fff}
.wz-steps button.done i{background:var(--ok);color:#fff}
.wz-s{padding-top:6px}
.wz-s+.wz-s{margin-top:22px}
.wz-on .wz-s{display:none;margin-top:0}
.wz-on .wz-s.on{display:block;animation:jin .35s var(--ease)}
.wz-t{font-family:var(--disp);font-size:20px;font-weight:600;letter-spacing:-.02em;margin-bottom:6px}
.wz-p{color:var(--body);font-size:14px;margin-bottom:14px}
.wz-note{color:var(--mute);font-size:12.5px;margin-top:10px}
.wz-nav [data-next],.wz-nav [data-prev]{display:none}
.wz-on .wz-nav [data-next]:not([hidden]),.wz-on .wz-nav [data-prev]:not([hidden]){display:inline-flex}
.wz-nav [hidden]{display:none!important}
.wz-nav{flex-wrap:wrap}
.wz-nav [data-next],.wz-nav [data-submit]{margin-left:auto}
.fgrid .hint.full{grid-column:1/-1;font-size:12px;color:var(--mute)}
.tarif{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tarif label{cursor:pointer;position:relative}
.tarif input{position:absolute;opacity:0;pointer-events:none}
.tarif label>div{border:1.5px solid var(--line);border-radius:22px;padding:20px;height:100%;transition:.2s;background:#fff}
.tarif label.hot>div{background:linear-gradient(160deg,#fffaf0,#fff 60%)}
.tarif input:checked+div{border-color:var(--navy);box-shadow:0 0 0 4px rgba(43,53,89,.1)}
.tarif input:focus-visible+div{outline:2px solid var(--amb);outline-offset:2px}
.tarif b{display:block;font-family:var(--disp);font-size:20px;font-weight:600;letter-spacing:-.02em}
.tarif em{display:block;font-style:normal;font-family:var(--disp);font-size:26px;font-weight:600;color:var(--navy);margin:4px 0 12px}
.tarif ul{list-style:none;display:grid;gap:7px}
.tarif li{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--body)}
.tarif li .i{width:16px;height:16px;color:var(--ok);flex:none;margin-top:2px}
.tarif .tag{position:absolute;top:14px;right:14px;font-size:11px;font-weight:600;background:var(--amb);color:var(--ink);padding:3px 9px;border-radius:20px}
@media (max-width:640px){
  .tarif{grid-template-columns:1fr}
  .wz-steps{gap:6px}
  .wz-steps button{padding:5px 10px 5px 5px;font-size:12.5px}
}
.fb .mkr a{font-weight:600;color:var(--ink);letter-spacing:.04em}
.fb .mkr a:hover{color:var(--amb-d)}
.tcloud{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.tcloud h5{color:var(--ink);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
.tcloud nav{display:flex;flex-wrap:wrap;gap:8px}
.tcloud a{display:inline-flex;align-items:center;border:1px solid var(--line);background:var(--bg);border-radius:30px;padding:6px 13px;font-size:13px;font-weight:500;color:var(--body);transition:.2s;line-height:1.3}
.tcloud a:hover{border-color:var(--navy);color:var(--ink);background:#fff}
.tcloud a.t2{font-size:14px;color:var(--ink);background:#fff}
.tcloud a.t3{font-size:15px;font-weight:600;color:var(--ink);background:var(--amb-50);border-color:#ffe2a3}
.nt{position:relative}
.nt .ubell{cursor:pointer;color:inherit}
.nt-p{position:absolute;right:0;top:calc(100% + 10px);width:min(360px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 60px -28px rgba(29,34,54,.55);z-index:60;overflow:hidden;animation:jin .25s var(--ease)}
.nt-p[hidden]{display:none}
.nt-h{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}
.nt-h b{font-weight:600;font-size:15px}
.nt-h a{font-size:13px;font-weight:600;color:var(--vi)}
.nt-l{max-height:380px;overflow-y:auto;padding:6px}
.nt-l a{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:14px}
.nt-l a:hover{background:var(--bg)}
.nt-l a.new{background:#f6f5ff}
.nt-l i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none}
.nt-l i .i{width:16px;height:16px}
.nt-l span{flex:1;font-size:13.5px;font-weight:500;line-height:1.4;color:var(--ink)}
.nt-l em{font-style:normal;color:var(--vi);font-weight:600;white-space:nowrap}
.nt-l small{display:block;color:var(--mute);font-size:12px;margin-top:2px}
.nt-e{padding:20px;text-align:center;color:var(--mute);font-size:14px}
.tpl-box{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:linear-gradient(90deg,#f6f5ff,#fff8e6);border:1.5px dashed #c9c2ff;border-radius:16px;padding:12px 14px;margin-bottom:4px}
.tpl-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border:0;border-radius:12px;background:var(--vi);color:#fff;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 10px 22px -12px rgba(109,93,252,.9);animation:tplPulse 2.2s ease-in-out infinite;transition:transform .2s var(--ease)}
.tpl-btn:hover{transform:translateY(-2px);animation:none}
.tpl-btn .i{width:18px;height:18px;color:var(--amb)}
.tpl-box span{flex:1;min-width:200px;font-size:13px;color:var(--body);line-height:1.4}
@keyframes tplPulse{0%,100%{box-shadow:0 10px 22px -12px rgba(109,93,252,.9),0 0 0 0 rgba(109,93,252,.35)}50%{box-shadow:0 10px 22px -12px rgba(109,93,252,.9),0 0 0 8px rgba(109,93,252,0)}}
@media (max-width:640px){.nt-p{position:fixed;left:16px;right:16px;top:70px;width:auto}}
.seg{display:flex;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:4px;flex-wrap:wrap}
.seg label{flex:1;cursor:pointer;min-width:120px}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg span{display:grid;place-items:center;height:40px;border-radius:11px;font-weight:600;font-size:14px;color:var(--body);transition:.2s;padding:0 10px;text-align:center}
.seg input:checked+span{background:var(--navy);color:#fff;box-shadow:0 8px 18px -10px rgba(43,53,89,.8)}
.seg input:focus-visible+span{outline:2px solid var(--amb);outline-offset:2px}
.seg label:hover input:not(:checked)+span{color:var(--ink)}
.fgrid [data-sal][hidden]{display:none}
.job .co,.job .mt,.job .rt .row,.job .rt{position:static}
.job .fav,.job .cvb{position:relative;z-index:2}
.job{cursor:pointer}
