
:root{
  --navy:#062b59;--navy2:#031b38;--navy3:#0a3c72;--green:#0aa957;--green2:#078b47;
  --blue:#1673b8;--text:#10213d;--muted:#687386;--line:#e5eaf1;--bg:#f6f8fb;
  --white:#fff;--red:#d43b45;--gold:#a86400;--shadow:0 10px 30px rgba(12,36,69,.08);
  --radius:14px
}
*{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;color:var(--text);background:var(--bg);line-height:1.5}
a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(1180px,92%);margin:auto}
.topbar{background:#eef2f6;border-bottom:1px solid #e4e9ef;font-size:12px;color:#314259}.topbar .flex{min-height:34px}
.flex{display:flex;align-items:center;justify-content:space-between;gap:16px}
.header{background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}
.nav{min-height:76px}.brand{display:flex;align-items:center;gap:10px;font-weight:950;color:var(--navy);line-height:1.02;letter-spacing:-.2px}
.brand-heart{font-size:31px;color:var(--green)}.brand small{display:block;color:var(--green);font-size:11px;letter-spacing:.4px}
.menu{display:flex;gap:17px;align-items:center;font-size:12px;font-weight:800;white-space:nowrap}.menu a{padding:29px 0 23px;border-bottom:3px solid transparent}.menu a:hover{color:var(--green);border-color:var(--green)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:8px;padding:10px 15px;font-weight:800;cursor:pointer;transition:.18s}.btn:hover{transform:translateY(-1px)}
.btn-green{background:var(--green);color:white}.btn-green:hover{background:var(--green2)}.btn-navy{background:var(--navy);color:white}.btn-light{background:#fff;border:1px solid var(--line);color:var(--text)}.btn-danger{background:var(--red);color:#fff}
.hero{color:#fff;min-height:405px;display:flex;align-items:center;background:
linear-gradient(90deg,rgba(3,29,61,.98),rgba(4,39,78,.92) 50%,rgba(5,45,87,.68)),
radial-gradient(circle at 82% 35%,rgba(27,204,108,.25),transparent 28%),linear-gradient(120deg,#062b59,#0b4d8b)}
.hero-inner{padding:58px 0 38px}.hero h1{font-size:50px;line-height:1.06;margin:0 0 13px;letter-spacing:-1.4px}.hero h1 span{color:#18cf6b}.hero p{font-size:16px;max-width:650px;color:#e7f0fa;margin:0 0 20px}
.hero-tabs{display:flex;gap:25px;font-size:13px;font-weight:800;margin-bottom:13px}.hero-tabs span:first-child{border-bottom:2px solid #22d874;padding-bottom:8px}
.search{background:#fff;padding:12px;border-radius:12px;display:grid;grid-template-columns:1.55fr 1fr 1fr auto;gap:9px;box-shadow:0 12px 28px rgba(0,0,0,.2)}
.search input,.search select,.form-control{width:100%;padding:12px;border:1px solid #dce3eb;border-radius:8px;background:white;outline:none;color:#344054}.search input:focus,.search select:focus,.form-control:focus{border-color:#85caa6;box-shadow:0 0 0 3px rgba(10,169,87,.08)}
.popular{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:14px;font-size:11px}.popular a{border:1px solid rgba(255,255,255,.22);border-radius:6px;padding:5px 9px;background:rgba(255,255,255,.07)}
.categories{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-top:-1px;padding:20px 0}
.category-card{background:#fff;border:1px solid var(--line);border-radius:12px;text-align:center;padding:18px 10px;min-height:128px;transition:.2s}.category-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:#cbd5e1}.category-icon{font-size:28px}.category-card h3{font-size:13px;margin:7px 0 4px}.category-card p{font-size:10.5px;color:var(--muted);margin:0}
.section{padding:12px 0 28px}.grid{display:grid;grid-template-columns:2.15fr .88fr;gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:17px;box-shadow:0 3px 14px rgba(12,36,69,.025)}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.card h2,.card h3{margin-top:0}.card-head h2{font-size:20px;margin:0}.small-link{color:var(--blue);font-size:12px;font-weight:800}
.opportunity{padding:12px 8px;border-bottom:1px solid #edf1f5;display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center}.opportunity:last-child{border-bottom:0}.opportunity:hover{background:#fbfcfe;border-radius:9px}
.op-logo{width:42px;height:42px;border:1px solid #e7ebf0;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:900;color:var(--navy);background:#fff}.opportunity h3{margin:0 0 2px;font-size:14px}.meta{color:var(--muted);font-size:11px}.job-right{text-align:right;min-width:120px}.deadline{font-size:10px;color:var(--muted);margin-top:4px}.deadline strong{color:var(--text)}
.badge{display:inline-block;border-radius:6px;padding:4px 7px;font-size:10px;font-weight:800;background:#eaf8ef;color:#147942}.badge.blue{background:#e9f4ff;color:#1769a3}.badge.orange{background:#fff2df;color:#995b00}.badge.purple{background:#f3eaff;color:#7641b5}.badge.red{background:#ffecee;color:#b02833}
.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.save-btn{border:1px solid var(--line);background:#fff;width:34px;height:34px;border-radius:7px;cursor:pointer;font-size:18px}.save-btn.saved{color:#d53a53;background:#fff0f3}
.closing{padding:12px 0;border-bottom:1px solid #edf1f5}.closing:last-child{border:0}.closing strong{font-size:12px;display:block}.closing .row{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;margin-top:3px}.days{color:var(--red);font-weight:800}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:18px;margin:0 0 25px;background:linear-gradient(90deg,#eff8ff,#effaf4);border:1px solid #e3edf5;border-radius:12px}.trust{display:flex;gap:10px;align-items:center}.trust i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e2f2ff;font-style:normal}.trust strong{font-size:12px;display:block}.trust span{font-size:10px;color:var(--muted)}
.cta-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:18px;margin-bottom:26px}.cta{padding:21px}.cta h3{font-size:19px;margin-bottom:5px}.cta p{font-size:11px;color:var(--muted)}.subscribe-row{display:flex}.subscribe-row input{border-radius:8px 0 0 8px}.subscribe-row button{border-radius:0 8px 8px 0}.employer-cta{background:linear-gradient(115deg,#083b77,#031d3d);color:#fff}.employer-cta p{color:#d5e5f6}.checklist{font-size:11px;line-height:1.9;padding:0;list-style:none}.checklist li:before{content:"✓";color:#1fd273;font-weight:900;margin-right:7px}
.form-card{max-width:760px;margin:30px auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.label{display:block;font-size:12px;font-weight:800;margin:12px 0 6px}.alert{padding:12px 14px;border-radius:8px;margin-bottom:15px;font-size:13px}.success{background:#e7f8ed;color:#116c36}.error{background:#ffebeb;color:#9e2222}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line);font-size:12px}th{background:#f3f6f9}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.stat strong{font-size:27px;display:block}.small{font-size:11px;color:var(--muted)}
.detail-wrap{max-width:900px;margin:auto}.detail-title{font-size:35px;margin:8px 0}.prose{white-space:normal;font-size:14px;color:#344054}
.footer{margin-top:35px;background:linear-gradient(105deg,#062b59,#021c3c);color:#d4dfec;padding:32px 0 13px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr) 1.3fr;gap:28px}.footer strong,.footer h4{color:#fff}.footer h4{font-size:12px;margin:0 0 10px}.footer a,.footer p{display:block;font-size:10.5px;color:#d0dceb;margin:6px 0}.copyright{border-top:1px solid rgba(255,255,255,.13);text-align:center;margin-top:20px;padding-top:13px;font-size:10px;color:#afc1d5}
@media(max-width:1050px){.menu{display:none}.categories{grid-template-columns:repeat(4,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.search,.grid,.form-row,.stat-grid,.cta-grid{grid-template-columns:1fr}.hero h1{font-size:38px}.categories{grid-template-columns:repeat(2,1fr)}.trust-strip{grid-template-columns:1fr 1fr}.job-right{min-width:auto}.opportunity{grid-template-columns:42px 1fr}.job-right{grid-column:2;text-align:left}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.hero h1{font-size:32px}.trust-strip,.footer-grid{grid-template-columns:1fr}.subscribe-row{display:block}.subscribe-row input,.subscribe-row button{border-radius:8px;margin-top:7px;width:100%}.header .btn-green{display:none}}

.profile-card{display:grid;grid-template-columns:90px 1fr;gap:18px;align-items:start}
.logo-box{width:84px;height:84px;border-radius:14px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;overflow:hidden;font-weight:900;color:var(--navy)}
.logo-box img{width:100%;height:100%;object-fit:contain}
.kpi{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.kpi strong{display:block;color:var(--text);font-size:20px;text-transform:none;letter-spacing:0}
.tabs-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.tabs-row a{padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:800}.tabs-row a.active{background:var(--navy);color:#fff}
.notice{background:#fff9e7;border:1px solid #f1df9f;color:#7a5b00;padding:11px 13px;border-radius:8px;font-size:12px}
.status-submitted{background:#e8f2ff;color:#1c65a7}.status-reviewing{background:#fff4df;color:#91600c}.status-shortlisted{background:#e8f8ee;color:#16783b}.status-rejected{background:#ffe9ec;color:#ad2c38}.status-hired{background:#e3f7ea;color:#0c7135}
.pagination{display:flex;gap:7px;justify-content:center;margin-top:18px}.pagination a{padding:7px 10px;border:1px solid var(--line);background:#fff;border-radius:7px;font-size:12px}.pagination a.active{background:var(--navy);color:#fff}
