:root{--a:#0c2577;--b:#08a7b5;--ink:#101a35;--muted:#64708a;--bg:#f6f8fc;--line:#e4e9f2;--white:#fff;--soft:#eef3ff;--shadow:0 14px 40px rgba(16,31,72,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 36px));margin:0 auto}.top{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:24px;font-weight:950;letter-spacing:-.9px;color:var(--a)}.brand span{color:var(--b)}.navlinks{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:800}.navlinks>a:not(.nav-cta){color:#39445d}.navlinks>a:hover{color:var(--a)}.nav-cta{padding:11px 15px;border:1px solid #dbe2ef;border-radius:11px;background:#fff;box-shadow:0 4px 12px rgba(16,31,72,.04)}
.hero{background:radial-gradient(circle at 82% 15%,rgba(8,167,181,.18),transparent 30%),linear-gradient(125deg,#eef3ff 0%,#f3fbff 52%,#eafcfa 100%);padding:74px 0 58px;border-bottom:1px solid var(--line)}.eyebrow{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;background:rgba(255,255,255,.88);border:1px solid #dfe7f7;border-radius:999px;color:var(--a);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.8px}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.01;letter-spacing:-2.8px;margin:18px 0 15px;max-width:920px}.hero p{font-size:19px;line-height:1.55;color:var(--muted);max-width:760px;margin:0 0 28px}.search{background:#fff;border:1px solid #dfe5ef;box-shadow:var(--shadow);border-radius:18px;padding:9px;display:grid;grid-template-columns:1.55fr .8fr auto;gap:8px;max-width:1010px}.input,.select,textarea{width:100%;border:1px solid #dbe1ec;background:#fff;border-radius:11px;padding:13px 14px;font:inherit;color:var(--ink);outline:none}.input:focus,.select:focus,textarea:focus{border-color:#90a5df;box-shadow:0 0 0 3px rgba(12,37,119,.08)}.search .input{border:0;background:#f7f9fc;padding:15px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:13px 18px;background:var(--a);color:#fff!important;font-weight:850;cursor:pointer;font:inherit;white-space:nowrap}.btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn.alt{background:var(--b)}.btn.ghost{background:#eef2fb;color:var(--a)!important}.stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.stat{min-width:145px;padding:12px 15px;border:1px solid rgba(12,37,119,.09);border-radius:13px;background:rgba(255,255,255,.65)}.stat strong{font-size:20px;display:block;line-height:1.1}.stat span{font-size:12px;color:var(--muted)}
.section{padding:48px 0 10px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.section-title h2{font-size:29px;letter-spacing:-.9px;margin:8px 0 0}.meta{color:var(--muted);font-size:13px;line-height:1.5}.categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.cat{display:block;min-height:104px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:15px;font-weight:900;box-shadow:0 4px 14px rgba(16,31,72,.03);transition:.18s}.cat:hover{transform:translateY(-2px);border-color:#c8d5ec;box-shadow:var(--shadow);color:var(--a)}.cat span{display:block;font-size:12px;line-height:1.45;color:var(--muted);font-weight:550;margin-top:7px}.grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;padding:40px 0 68px}.card{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 5px 18px rgba(16,31,72,.04)}.jobcard{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:18px;padding:22px;margin-bottom:14px;transition:.18s}.jobcard:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#c9d5ea}.logo{width:58px;height:58px;border-radius:14px;background:var(--soft);color:var(--a);display:grid;place-items:center;font-weight:950;font-size:19px;overflow:hidden;border:1px solid #e2e8f3}.logo img{width:100%;height:100%;object-fit:contain;background:#fff}.jobcard h2{font-size:20px;margin:4px 0 8px;letter-spacing:-.35px}.jobloc{color:#4c5872;font-size:14px;line-height:1.5}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.chip{display:inline-flex;font-size:11px;font-weight:850;padding:6px 9px;border-radius:999px;background:#f0f4fb;color:#43516e}.arrow{align-self:center;color:var(--a);font-size:24px;font-weight:900}.sidecard{padding:22px;margin-bottom:16px}.sidecard h3{margin:0 0 12px;font-size:18px}.quicklinks{display:flex;flex-wrap:wrap;gap:8px}.quicklinks a{display:inline-flex;font-size:12px;font-weight:750;padding:8px 10px;border-radius:9px;background:#f3f6fb;border:1px solid #edf0f6}.quicklinks a:hover{background:#eaf0fb;color:var(--a)}.empty{padding:32px}.empty h3{margin:0 0 8px}.footer{border-top:1px solid var(--line);background:#fff;padding:36px 0;color:var(--muted);font-size:13px}.footerrow{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.jobhead{padding:48px 0 26px}.jobhead h1{font-size:clamp(34px,4vw,50px);line-height:1.07;letter-spacing:-1.6px;margin:8px 0 14px;max-width:900px}.companyline{font-weight:900;color:var(--a)}.content{padding:32px 34px}.content h2{margin:32px 0 10px;font-size:22px;letter-spacing:-.4px}.content p,.content li{line-height:1.72;color:#34405b}.content ul{padding-left:22px}.applybox{padding:24px;position:sticky;top:96px}.applybox h3{margin:14px 0 4px}.applybox .btn{width:100%;margin:16px 0}.salary{padding:13px;border-radius:11px;background:#f4f8ff;border:1px solid #e5edfb;margin-top:14px}
/* admin */.admin-shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.admin-side{background:#0d1d4b;color:#fff;padding:25px 18px}.admin-side .brand{color:#fff}.admin-side nav{display:grid;gap:8px;margin-top:34px}.admin-side nav a{padding:11px 12px;border-radius:9px;color:#d7def1;font-size:14px;font-weight:700}.admin-side nav a:hover,.admin-side nav a.active{background:rgba(255,255,255,.1);color:#fff}.admin-main{padding:34px}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.admin-top h1{margin:3px 0 0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.metric{padding:20px}.metric strong{display:block;font-size:30px;letter-spacing:-1px;margin-top:4px}.metric span{font-size:13px;color:var(--muted)}.tablecard{overflow:hidden}.jobrow{display:grid;grid-template-columns:minmax(0,1fr) 130px 90px 90px 160px;gap:12px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.jobrow:last-child{border:0}.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:850}.status.published{background:#e8f8ef;color:#18794e}.status.draft{background:#fff4dc;color:#946200}.status.expired{background:#fbeaea;color:#a43b3b}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px}.admin-grid .full{grid-column:1/-1}label{display:block;font-size:12px;font-weight:850;margin-bottom:7px;color:#4e5b75}.form-section{grid-column:1/-1;margin:8px 0 -4px;padding-top:18px;border-top:1px solid var(--line);font-size:18px;font-weight:950}.loginbox{width:min(420px,calc(100% - 32px));margin:10vh auto;padding:28px}.notice{padding:12px 14px;border-radius:10px;background:#eef7ff;color:#24547a;font-size:13px;margin-bottom:16px}
@media(max-width:900px){.grid{grid-template-columns:1fr}.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:1fr}.admin-side{display:none}.jobrow{grid-template-columns:1fr 80px 80px}.jobrow>*:nth-child(4),.jobrow>*:nth-child(5){display:none}}
@media(max-width:650px){.wrap{width:min(100% - 22px,1180px)}.nav{height:66px}.navlinks a:not(.nav-cta){display:none}.nav-cta{font-size:12px}.hero{padding:46px 0 42px}.hero h1{font-size:39px;letter-spacing:-1.8px}.hero p{font-size:16px}.search{grid-template-columns:1fr;padding:8px}.stats{display:grid;grid-template-columns:1fr 1fr}.stat{min-width:0}.section{padding-top:36px}.categories{grid-template-columns:1fr}.grid{padding-top:32px}.jobcard{grid-template-columns:52px 1fr;padding:18px;gap:14px}.arrow{display:none}.logo{width:50px;height:50px}.admin-main{padding:18px}.metric-grid{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr;padding:18px}.admin-grid .full,.form-section{grid-column:auto}.content{padding:24px}.footerrow{display:block}.footerrow>*+*{margin-top:8px}}
/* V3 product layer */
.hero h1 span{color:var(--a)}.filterbar{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;margin:-4px 0 18px}.employerpromo h3{font-size:22px;margin:14px 0 8px}.employerpromo .btn{margin-top:16px;width:100%}
.jobhero{background:radial-gradient(circle at 82% 10%,rgba(8,167,181,.16),transparent 28%),linear-gradient(125deg,#eef3ff,#f5fbff 55%,#effcf9);border-bottom:1px solid var(--line);padding:48px 0 42px}.jobhero-grid{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:28px;align-items:center}.jobhero h1{font-size:clamp(38px,4.5vw,58px);line-height:1.04;letter-spacing:-2px;margin:8px 0 18px;max-width:980px}.jobhero-logo{width:96px;height:96px;border-radius:22px;font-size:28px;background:#fff;box-shadow:var(--shadow)}.factrow{display:flex;flex-wrap:wrap;gap:9px}.factrow span{display:inline-flex;padding:8px 11px;border-radius:10px;background:rgba(255,255,255,.76);border:1px solid rgba(12,37,119,.08);font-size:13px;font-weight:750;color:#40506f}.joblayout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;padding:34px 0 56px}.lead{font-size:18px!important;color:#25334f!important}.apply-company{display:grid;grid-template-columns:58px 1fr;gap:13px;align-items:center}.apply-company strong{font-size:16px}.salary span,.contact span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.salary strong{display:block;font-size:21px}.apply-main{font-size:16px;padding:15px 18px!important}.savebtn{width:100%;border:1px solid #dce3ef;background:#fff;color:var(--a);border-radius:11px;padding:12px;font:inherit;font-weight:800;cursor:pointer;margin-bottom:20px}.savebtn.saved{background:#eef8f7;color:#087d87;border-color:#c9ebe8}.contact{padding-top:18px;border-top:1px solid var(--line);margin-bottom:18px}.similar{padding:0 0 66px}.similargrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mini-job{padding:20px;display:grid;gap:8px}.mini-job strong{font-size:17px}.mini-job>span:last-child{font-size:13px;color:#4c5872}
@media(max-width:900px){.joblayout{grid-template-columns:1fr}.applybox{position:static}.similargrid{grid-template-columns:1fr}.jobhero-grid{grid-template-columns:1fr}.jobhero-logo{display:none}}
@media(max-width:650px){.filterbar{grid-template-columns:1fr}.jobhero{padding:34px 0}.jobhero h1{font-size:38px;letter-spacing:-1.4px}.factrow{display:grid}.joblayout{padding-top:22px}}
/* V4 admin intelligence + employer profiles */
.admin-nav-title{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#8390b4;margin:22px 12px 5px;font-weight:900}.quality{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900}.quality.good{background:#e7f8ef;color:#14734a}.quality.mid{background:#fff5dc;color:#8a6100}.quality.bad{background:#fdeaea;color:#a33a3a}.quality-panel{padding:22px}.quality-score{display:flex;align-items:center;gap:18px;margin-bottom:18px}.score-ring{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:#eef3ff;border:7px solid #cdd9f3;font-size:20px;font-weight:950;color:var(--a)}.checklist{display:grid;gap:8px}.checkitem{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:13px}.checkitem b.ok{color:#18794e}.checkitem b.no{color:#a43b3b}.portal-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.portal-card{padding:24px}.portal-card h2{margin-top:0}.taglist{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:7px 10px;border-radius:999px;background:#f0f4fb;font-size:12px;font-weight:800}.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.company-card{padding:20px}.company-card h3{margin:10px 0 5px}.company-hero{padding:54px 0;background:linear-gradient(125deg,#eef3ff,#effcf9);border-bottom:1px solid var(--line)}.company-head{display:grid;grid-template-columns:96px 1fr;gap:22px;align-items:center}.company-head h1{margin:0 0 8px;font-size:42px;letter-spacing:-1.4px}.company-about{padding:30px;margin-top:30px}.quality-hint{font-size:12px;color:var(--muted);margin-top:5px}.portal-match{padding:13px 15px;border-radius:12px;background:#eef8f7;border:1px solid #d5eeeb;color:#17666c;font-weight:800;font-size:13px}
@media(max-width:900px){.portal-grid,.company-grid{grid-template-columns:1fr}}