:root{--y:#ffd500;--ink:#0b0b0b;--paper:#fff;--soft:#f4f4ef;--muted:#696969}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 36px));margin:auto}
header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid #eee}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:1000;font-size:24px;letter-spacing:-1px}.brand em{font-style:normal;color:#d9b600}.links{display:flex;gap:25px;align-items:center;font-weight:800;font-size:14px}.menu{display:none;background:none;border:0;font-size:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 19px;font-weight:900;border:0;cursor:pointer}.btn.yellow{background:var(--y)}.btn.dark{background:#111;color:#fff}.hero{padding:86px 0;background:linear-gradient(110deg,#fff 0 67%,var(--y) 67%)}.eyebrow{font-size:12px;font-weight:1000;letter-spacing:3px}.hero h1,.pagehero h1{font-size:clamp(48px,8vw,92px);line-height:.91;letter-spacing:-5px;margin:14px 0 22px;max-width:850px}.hero p,.pagehero p{font-size:20px;line-height:1.55;max-width:680px;color:#444}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
section{padding:76px 0}.soft{background:var(--soft)}h2{font-size:clamp(34px,5vw,58px);letter-spacing:-2px;margin:0 0 18px}.lead{font-size:19px;color:#555;line-height:1.6;max-width:760px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:35px}.card,.job-card{border:1px solid #ddd;padding:24px;background:#fff}.card b{font-size:21px}.card p,.job-card p{color:#666;line-height:1.5}.job-card span{font-size:11px;font-weight:1000;letter-spacing:1.5px;background:var(--y);padding:6px 8px}.job-card h3{font-size:27px;margin:20px 0 8px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.step{background:#111;color:#fff;padding:30px}.step strong{color:var(--y);font-size:42px}.pagehero{padding:65px 0 40px}.pagehero h1{font-size:clamp(48px,7vw,76px)}.filters{display:flex;gap:10px;margin:20px 0 30px}.filters input,.filters select,.form input,.form select,.form textarea{width:100%;padding:15px;border:1px solid #ccc;background:#fff;font:inherit}.jobs{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form .wide{grid-column:1/-1}.form label{display:block;font-size:11px;font-weight:1000;letter-spacing:1px;margin-bottom:7px}.form textarea{min-height:130px}.notice{background:#fff3b4;border-left:5px solid var(--y);padding:16px;margin-bottom:20px}.success{background:#e3f5e6;padding:18px;margin-bottom:20px;font-weight:800}.sector-cloud{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.sector-cloud span{border:1px solid #bbb;padding:9px 12px;font-weight:800;font-size:13px}footer{background:#111;color:#fff;padding:45px 0;margin-top:40px}.foot{display:flex;justify-content:space-between;gap:30px}.foot small{color:#aaa}
@media(max-width:800px){.menu{display:block}.links{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ddd}.links.open{display:flex}.hero{padding:60px 0;background:#fff;border-bottom:12px solid var(--y)}.hero h1{letter-spacing:-3px}.cards,.steps,.jobs{grid-template-columns:1fr}.form{grid-template-columns:1fr}.form .wide{grid-column:auto}.filters{flex-direction:column}.foot{flex-direction:column}}

/* V12 functional-page polish */
header{box-shadow:0 8px 30px rgba(0,0,0,.04)}.nav{height:82px}.brand{letter-spacing:-1.3px}
.pagehero{padding:90px 0 50px;background:linear-gradient(115deg,#fff 0 78%,#ffd500 78%)}
.pagehero h1{max-width:850px}.filters{background:#f4f4ef;padding:14px}.filters input,.filters select,.form input,.form select,.form textarea{border:1px solid #deded8;outline:none;transition:.2s}.filters input:focus,.filters select:focus,.form input:focus,.form select:focus,.form textarea:focus{border-color:#111;box-shadow:0 0 0 2px #ffd500}
.job-card{transition:.22s}.job-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(0,0,0,.07)}
.form{background:#fff;padding:28px;border:1px solid #e5e5df;box-shadow:16px 16px 0 #f4f4ef}.btn{transition:.18s}.btn:hover{transform:translateY(-2px)}
@media(max-width:800px){.pagehero{padding:60px 0 35px;background:#fff;border-bottom:8px solid #ffd500}.form{padding:18px;box-shadow:8px 8px 0 #f4f4ef}.nav{height:72px}}

/* V15 navigation + quality consistency */
.admin-link{font-weight:900;border-left:1px solid #ddd;padding-left:18px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffd500;outline-offset:3px}
button{cursor:pointer}
@media(max-width:800px){.admin-link{border-left:0;padding-left:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.employer-submit{appearance:none;-webkit-appearance:none;background:#ffd500!important;color:#111!important;border:2px solid #111!important;font-weight:900}
.employer-submit:hover{background:#111!important;color:#fff!important}

/* V16 button normalization */
button[type="submit"],.employer-submit,.btn.yellow{
  -webkit-appearance:none;appearance:none;
}
.employer-submit{
 background:#ffd500!important;color:#111!important;border:2px solid #111!important;
 border-radius:0!important;font-weight:900!important;text-decoration:none!important;
}
.employer-submit:hover{background:#111!important;color:#fff!important}

/* V17 shared navigation — identical on every public page */
.site-header{background:#fff;border-bottom:1px solid #ecece7;position:relative;z-index:100}
.site-header .nav{min-height:82px}
.site-header .brand{white-space:nowrap}
.site-header .links{align-items:center}
.site-header .admin-link{color:#111!important;background:transparent!important;border:0!important;padding:12px 0!important;font-weight:900!important;text-decoration:none!important}
.site-header .signup-link{color:#111!important}
@media(max-width:800px){
 .site-header .nav{min-height:74px}
 .site-header .links{top:74px;padding:26px 22px 30px;gap:0;border-top:1px solid #eee;box-shadow:0 18px 35px rgba(0,0,0,.08)}
 .site-header .links a{display:block;padding:14px 0;font-size:18px;border-bottom:1px solid #f1f1ed}
 .site-header .links .signup-link{display:inline-block;margin-top:18px;padding:14px 20px;border:2px solid #111}
 .site-header .links .admin-link{display:block;margin-top:12px;padding:14px 0!important;border-bottom:0!important}
}