:root{
  --ink:#073841;
  --forest:#064b55;
  --mint:#dff6f3;
  --cream:#fffaf0;
  --orange:#e6a13a;
  --yellow:#f3c66a;
  --line:#d4e5e4;
  --muted:#5d777b;
  --purple:#167f82;
  --sky:#55bfba;
}

body{background:#fcfefe;color:var(--ink)}
.topbar{border-bottom-color:#d5e8e7}
.brand{color:#064b55}
.brand-mark{
  width:45px;
  height:45px;
  padding:2px;
  border:1px solid #d8e8e6;
  border-radius:50%;
  object-fit:cover;
  background:#fff;
  box-shadow:0 5px 14px rgba(6,75,85,.14);
  transform:none;
}
.brand b{color:#159c9b}
.login-button,.search-bar button,.primary{background:linear-gradient(120deg,#0d8b89,#064b55)}
.login-button{box-shadow:0 7px 18px rgba(6,75,85,.22)}
.hero{background:linear-gradient(135deg,#fff 0%,#f4fbfa 48%,#e4f7f4 100%)}
.hero h1{color:#063d48}
.hero h1 span{
  background:linear-gradient(100deg,#139b99,#064b55);
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
}
.eyebrow{color:#c47d19}
.hero-art{background:linear-gradient(145deg,#e6f7f3 0%,#83d0cc 56%,#3ca9a8 100%)}
.sun{background:linear-gradient(145deg,#f7d484,#e6a13a);box-shadow:0 0 0 22px rgba(230,161,58,.18)}
.mountain-back{border-color:transparent transparent #75c5c0 transparent}
.mountain-front{border-color:transparent transparent #064b55 transparent}
.search-bar{border-color:#cfe6e4;box-shadow:0 20px 50px rgba(6,75,85,.13)}
.quick-links button,.housing,.verified{color:#0b8584}
.trust-strip div:nth-child(1) strong:before{color:#149b99}
.trust-strip div:nth-child(2) strong:before{color:#e6a13a}
.trust-strip div:nth-child(3) strong:before{color:#45b8b1}
.jobs-section{background:linear-gradient(150deg,#fff 0%,#f7fcfb 60%,#edf9f7 100%)}
.pill,.candidate-tags span{background:#e3f6f3;color:#087673}
.candidate-avatar{background:linear-gradient(135deg,#064b55,#55bfba)}
.profiles-section{background:linear-gradient(130deg,#e5f7f4,#d9f1ef 60%,#f9f0dc)}
.employer-cta{background:linear-gradient(120deg,#043e48,#087776 68%,#42aaa6)}
.pricing-section{background:linear-gradient(135deg,#043944 0%,#076566 58%,#17928f 100%)}
.plans .featured-plan{background:linear-gradient(145deg,#f9dda0,#e8aa42);border-top-color:#0b8b88}
.advanced-button{background:linear-gradient(120deg,#064b55,#159b98)}
.job-card:nth-child(4n+1){border-top-color:#0b8584}
.job-card:nth-child(4n+2){border-top-color:#e6a13a}
.job-card:nth-child(4n+3){border-top-color:#55bfba}
.job-card:nth-child(4n){border-top-color:#176d79}
.install-app-button{border-color:#e6a13a;color:#064b55;background:#fff8e8}
.save{
  display:grid;
  place-items:center;
  flex:0 0 40px;
  width:40px;
  height:40px;
  padding:8px;
  border:1px solid #d7e7e5;
  border-radius:50%;
  background:#fff;
  color:#6e8587;
  transition:transform .18s ease,color .18s ease,background .18s ease,border-color .18s ease;
}
.save svg{width:22px;height:22px;overflow:visible}
.save path{fill:transparent;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.save:hover{transform:scale(1.07);color:#0b8584;border-color:#8fc9c5}
.save.saved{color:#fff;background:linear-gradient(145deg,#efb451,#d98e20);border-color:#d98e20}
.save.saved path{fill:currentColor;stroke:currentColor}
.live-badge{display:inline-flex;width:max-content;margin-left:auto;margin-right:12px;padding:5px 9px;border-radius:999px;background:#dff6f3;color:#087673;font-size:10px;font-weight:800;letter-spacing:.09em}
.company-logo img{width:100%;height:100%;border-radius:inherit;object-fit:cover}
.job-manager-modal{width:min(760px,calc(100% - 30px))}
.manager-summary{display:flex;align-items:center;gap:12px;background:#f2fbfb;border:1px solid #d4eceb;border-radius:14px;padding:13px 14px;margin-top:18px}
.manager-summary strong{font:800 24px Manrope;color:#064b55}
.manager-summary span{color:var(--muted);font-size:13px}
.manager-summary button{margin-left:auto;border:0;border-radius:999px;background:linear-gradient(120deg,#075080,#087eae);color:#fff;padding:9px 13px;font-weight:800;cursor:pointer}
.job-manager-list{display:grid;gap:12px;margin:22px 0}
.manager-job{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}
.manager-job h3{margin:8px 0 5px}
.manager-job p{color:var(--muted);margin:0 0 12px}
.manager-job div{display:flex;flex-wrap:wrap;gap:8px}
.manager-job button{border:1px solid #c9dddb;background:#fff;border-radius:999px;padding:8px 12px;color:#064b55;font-weight:800;cursor:pointer}
.manager-job .applicants-button{background:#e8f8ff;border-color:#9fd3e8;color:#075080}
.status-pill{display:inline-flex;border-radius:999px;background:#fff8e8;color:#9a651a;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.applicants-modal,.applications-modal{width:min(850px,calc(100% - 30px))}
.applicants-list{display:grid;gap:12px;margin-top:22px}
.applications-list{display:grid;gap:12px;margin-top:22px}
.applicant-card,.application-card{border:1px solid var(--line);border-radius:15px;background:#fff;padding:18px}
.applicant-card h3{margin:10px 0 4px}
.application-card h3{margin:10px 0 4px}
.applicant-card p,.application-card p{color:var(--muted)}
.application-meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.application-meta span{background:#f3f8f8;border-radius:999px;color:#42656a;font-size:12px;font-weight:700;padding:6px 10px}
.application-status-copy{background:#fffaf0;border:1px solid #ffe5ad;border-radius:12px;padding:11px 12px}
.applicant-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.applicant-actions button,.report-button{border:1px solid #c9dddb;background:#fff;border-radius:999px;padding:8px 12px;color:#064b55;font-weight:800;cursor:pointer}

@media(max-width:1050px){
  .topbar{height:68px;padding:0 18px}
  .topbar .brand{font-size:18px}
  .topbar .brand-mark{width:40px;height:40px}
  .mobile-menu-button{display:grid;place-items:center;margin-left:auto;background:#e5f5f3;color:#064b55}
  .topbar nav{
    display:none;
    position:absolute;
    left:14px;
    right:14px;
    top:62px;
    flex-direction:column;
    align-items:stretch;
    gap:7px;
    max-height:calc(100vh - 78px);
    overflow:auto;
    padding:14px;
    background:#fff;
    border:1px solid #d5e8e7;
    border-radius:15px;
    box-shadow:0 18px 50px rgba(6,75,85,.2);
  }
  .topbar nav.mobile-open{display:flex}
  .topbar nav.mobile-open a,.topbar nav.mobile-open .nav-cv,.topbar nav.mobile-open .nav-message{display:block}
  .topbar nav a,.topbar nav .text-button,.topbar nav .login-button{
    width:100%;
    min-height:44px;
    padding:12px;
    border-radius:10px;
    text-align:center;
  }
  .topbar nav a{background:#f2f9f8}
  .language-select{width:100%;max-width:none;min-height:44px}
}
@media(max-width:650px){
  .manager-summary{align-items:flex-start;flex-direction:column}
  .manager-summary button{margin-left:0;width:100%}
}

@media(min-width:651px) and (max-width:900px){
  .hero-copy{padding:65px 7vw 55px}
  .hero h1{font-size:clamp(52px,8vw,70px)}
  .hero-art{height:315px}
  .jobs-section,.candidate-section,.job-types-section,.profiles-section,.pricing-section{padding-left:5vw;padding-right:5vw}
  .job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:650px){
  .topbar .brand-mark{width:38px;height:38px}
  .topbar .brand{font-size:16px}
}