
:root{--bg:#0b0f19;--panel:#0f1426;--card:#11162a;--muted:#a9b4c0;--text:#f4f8ff;--primary:#6e7dff;--accent:#34d399;--border:#1a2036;--ring:rgba(110,125,255,.35)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:clamp(16px,1.6vw,18px)/1.6 system-ui,-apple-system,Segoe UI,Roboto}
a{color:var(--accent);text-decoration:none} a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
:where(a,button,input,select,.btn):focus-visible{outline:2px solid var(--primary); outline-offset:2px; border-radius:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:.7rem 1rem;border-radius:12px;border:1px solid var(--border);font-weight:600}
.btn-primary{background:var(--primary);color:#fff;border-color:transparent;box-shadow:0 8px 20px var(--ring)}
.btn-ghost{background:transparent;border-color:var(--border);color:#fff}

.site-header{position:sticky;top:0;z-index:10000;background:rgba(11,15,25,.88);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.head-inner{display:grid;grid-template-columns:auto 44px 1fr auto;gap:12px;align-items:center;padding:10px 16px}
.brand .logo{font-weight:800;color:#fff}
@media (min-width:1025px){
  .nav,#primary-menu{display:flex !important;align-items:center !important;width:100% !important}
  #primary-menu > .menu,#primary-menu .menu,#primary-menu .menu-primary-container>ul,#primary-menu .menu-main-container>ul,#primary-menu .menu-container>ul,#primary-menu nav>ul{
    display:flex !important;flex-direction:row !important;align-items:center !important;gap:20px !important;flex:1 1 auto !important;margin:0 !important;padding:0 !important;list-style:none !important;background:transparent !important;border:0 !important;box-shadow:none !important}
  #primary-menu .menu>li,#primary-menu li.menu-item{display:inline-flex !important;position:static !important;width:auto !important;margin:0 !important;padding:0 !important}
  #primary-menu .menu>li>a,#primary-menu a{display:inline-block !important;padding:10px 14px !important;line-height:1 !important;white-space:nowrap !important;border-radius:10px !important;background:transparent !important}
  #primary-menu .current-menu-item>a,#primary-menu .current_page_item>a{background:transparent !important}
  .nav-toggle{display:none !important} .site-header .cta{display:none !important}
}
.nav{display:none}.nav.open{display:block}
.nav .menu{display:flex;flex-direction:column;align-items:flex-start;background:#0f1426;border:1px solid var(--border);border-radius:12px;padding:10px;gap:8px}
.nav .menu a{color:#dfe7f5}
.nav-toggle{display:inline-block;border:1px solid var(--border);background:#0f1426;border-radius:10px;padding:6px;min-height:44px}
.nav-toggle span{display:block;width:20px;height:2px;background:#cfd6df;margin:4px 0;border-radius:2px}

/* Hero simplified */
.hero{padding:clamp(20px,6vw,48px) 0;border-bottom:1px solid var(--border)}
.hero-inner.hero--simple{display:block}
.hero .sub{color:var(--muted);max-width:740px}
.trust{color:#cfe7d8;margin-top:8px}
.hero-search{display:grid;grid-template-columns:2fr 1.2fr 1fr 1fr auto auto;gap:8px;margin:16px 0 10px}
.hero-search input,.hero-search select{background:#0f1426;border:1px solid var(--border);color:#fff;border-radius:12px;padding:.7rem .9rem}

/* Grids */
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.equal-cards .job-card{display:flex;flex-direction:column;min-height:100%}
.job-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;overflow:hidden}
.job-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;border:1px solid var(--border);background:#0f1426;margin-bottom:12px}
.job-card__body{flex:1 1 auto;display:flex;flex-direction:column;gap:6px}
.job-card__body h3{margin:.1rem 0 .2rem;font-size:clamp(16px,1.4vw,20px);line-height:1.2;overflow-wrap:anywhere;word-break:break-word}
.job-card__meta{color:var(--muted);font-size:clamp(12px,1.2vw,14px);margin:.2rem 0;overflow-wrap:anywhere;word-break:break-word}
.job-card p{color:#cfdaea}.job-card p.clamp{-webkit-line-clamp:3;line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.job-card,.job-card *{overflow-wrap:anywhere;word-break:break-word;hyphens:auto}

.form input,.form textarea,.form select{width:100%;min-height:44px;background:#0f1426;border:1px solid var(--border);color:#fff;border-radius:12px;padding:.7rem .9rem}
.panel{background:#0f1426;border:1px solid var(--border);border-radius:12px;padding:16px}
.success{color:#10b981}.error{color:#ef4444}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.section-head{display:flex;align-items:center;justify-content:space-between;margin:12px 0 8px}

@media (max-width:1100px){.hero-search{grid-template-columns:1.5fr 1fr 1fr 1fr auto auto}}
@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.head-inner{grid-template-columns:auto 44px auto}.hero-search{grid-template-columns:1fr 1fr 1fr 1fr auto}}
@media (max-width:600px){.hero-search{grid-template-columns:1fr 1fr;grid-auto-rows:auto}.hero-search .toggle{grid-column:1/-1}.hero-search button{grid-column:1/-1}.grid-4,.grid-3{grid-template-columns:1fr}}
