:root{
  --mjw-blue:#155EEF;
  --mjw-blue-2:#0E4FD6;
  --mjw-blue-soft:#EEF4FF;
  --mjw-orange:#FF7A1A;
  --mjw-orange-soft:#FFF3E8;
  --mjw-navy:#132238;
  --mjw-text:#203047;
  --mjw-muted:#68778C;
  --mjw-line:#E4EAF2;
  --mjw-surface:#FFFFFF;
  --mjw-bg:#F7F9FC;
  --mjw-shadow:0 12px 34px rgba(19,34,56,.08);
}

/* ===== MyJobWale V6.5 brand system ===== */
.mjw-public-v61{overflow-x:hidden;background:var(--mjw-surface);color:var(--mjw-navy)}
.v61-shell{width:min(1200px,calc(100% - 40px))}
.v61-header{background:rgba(255,255,255,.94);border-color:rgba(21,94,239,.10);box-shadow:0 1px 0 rgba(19,34,56,.03);backdrop-filter:blur(16px)}
.v61-nav{width:min(1280px,calc(100% - 32px));height:68px;gap:22px}
.v61-brand{gap:9px;min-width:max-content}
.v61-logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#1687F8 0%,var(--mjw-blue) 62%,#0C4BCD 100%);box-shadow:0 8px 22px rgba(21,94,239,.23);font-size:19px}
.v61-wordmark{font-size:21px;line-height:1;color:var(--mjw-navy);font-weight:850;letter-spacing:-.7px}
.v61-wordmark b{color:var(--mjw-blue);font-weight:900}
.v61-wordmark em{color:var(--mjw-orange);font-style:normal;font-weight:900}
.v61-desktop-nav{gap:2px;margin-left:6px}
.v61-desktop-nav a{font-size:13px;color:#526177;padding:9px 10px}
.v61-desktop-nav a:hover,.v61-desktop-nav a.active{color:var(--mjw-blue);background:var(--mjw-blue-soft)}
.v61-btn.primary{background:linear-gradient(135deg,var(--mjw-blue),var(--mjw-blue-2));box-shadow:0 8px 20px rgba(21,94,239,.18)}
.v61-btn.soft{background:var(--mjw-blue-soft);border-color:#DCE7FF;color:var(--mjw-blue)}
.v61-menu-btn{background:var(--mjw-blue-soft);color:var(--mjw-navy);border:1px solid #DDE7F4}

/* ===== Compact premium homepage ===== */
.v64-main{background:#fff}
.v64-hero{position:relative;padding:34px 0 22px;background:
  radial-gradient(circle at 82% 18%,rgba(255,122,26,.10),transparent 24%),
  radial-gradient(circle at 14% 0%,rgba(21,94,239,.11),transparent 28%),
  linear-gradient(135deg,#FBFDFF 0%,#F2F6FF 58%,#FFF9F3 100%)}
.v64-hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(21,94,239,.16),rgba(255,122,26,.14),transparent)}
.v64-hero-grid{grid-template-columns:minmax(0,1.62fr) minmax(280px,.58fr);gap:22px}
.v64-hero-copy h1{font-size:clamp(34px,4.2vw,52px);line-height:1.02;letter-spacing:-2px;color:var(--mjw-navy);margin:8px 0 10px}
.v64-hero-copy>p{color:var(--mjw-muted);font-size:14px;line-height:1.6;margin-bottom:15px}
.v61-eyebrow{color:var(--mjw-blue)!important;letter-spacing:.14em}
.v64-search{grid-template-columns:minmax(240px,1.5fr) minmax(160px,.72fr) auto auto;border-color:#DCE5F2;border-radius:15px;box-shadow:0 12px 34px rgba(19,34,56,.08)}
.v64-search-field{background:#F8FAFD}
.v64-search-field:focus-within{background:#fff;box-shadow:inset 0 0 0 2px rgba(21,94,239,.13)}
.v64-search-btn{background:linear-gradient(135deg,var(--mjw-blue),var(--mjw-blue-2));box-shadow:0 7px 18px rgba(21,94,239,.16)}
.v64-near-btn{background:var(--mjw-orange-soft);color:#C95800;border:1px solid #FFD9BD}
.v64-near-btn:hover{background:#FFEAD8}
.v64-city-strip{padding-top:10px;gap:6px}
.v64-city-strip a{font-size:10px;background:rgba(255,255,255,.85);border-color:#DDE5F0;color:#435269;padding:6px 9px}
.v64-city-strip a:hover{border-color:#BFD1F3;color:var(--mjw-blue);background:var(--mjw-blue-soft)}
.v64-hero-mini-actions{margin-top:10px}
.v64-hero-mini-actions a{color:var(--mjw-blue)}
.v64-side-card{border-color:#DFE7F2;border-radius:18px;padding:17px;box-shadow:var(--mjw-shadow)}
.v64-side-top span{color:var(--mjw-blue)}
.v64-alert-btn{background:linear-gradient(135deg,var(--mjw-navy),#203A60)}

.v64-trust{border-color:#EDF1F6}
.v64-trust span{padding:9px 10px}
.v64-section{padding:30px 0}
.v64-section.v64-soft{background:linear-gradient(180deg,#F8FAFD,#F4F7FB)}
.v64-section-head{margin-bottom:13px}
.v64-section-head h2{font-size:24px;color:var(--mjw-navy)}
.v64-section-head>a{color:var(--mjw-blue)}
.v64-category-grid{gap:8px}
.v64-category-grid>a{min-height:62px;padding:11px;border-color:var(--mjw-line);border-radius:13px;transition:.16s ease}
.v64-category-grid>a:hover{transform:translateY(-1px);border-color:#C9D9F6;box-shadow:0 8px 22px rgba(19,34,56,.06)}
.v64-category-grid>a>span{background:linear-gradient(145deg,var(--mjw-blue-soft),#F7FAFF)}
.v64-company-row>a{border-color:var(--mjw-line);border-radius:13px}
.v64-company-row>a:hover{border-color:#C9D9F6;box-shadow:0 8px 20px rgba(19,34,56,.05)}
.v64-company-logo{background:linear-gradient(145deg,#EEF4FF,#FFF8F1);border:1px solid #E4EAF2}
.v64-radius button{background:var(--mjw-blue);border-color:var(--mjw-blue)}
.v64-near-card>a{background:var(--mjw-blue)}
.v64-cta{padding:30px 0;background:
  radial-gradient(circle at 86% 20%,rgba(255,122,26,.22),transparent 30%),
  linear-gradient(120deg,#122B4F,#174D9F 64%,#155EEF);}

/* ===== Job cards: denser, cleaner, responsive ===== */
.mjw-public-v61 .job-card{border-color:#E3E9F1!important;border-radius:15px!important;box-shadow:0 6px 18px rgba(19,34,56,.035);transition:.16s ease}
.mjw-public-v61 .job-card:hover{border-color:#C9D9F6!important;box-shadow:0 10px 26px rgba(19,34,56,.07)}
.mjw-public-v61 .job-card .company-avatar{background:linear-gradient(145deg,#EEF4FF,#FFF4EB)!important;border:1px solid #E3E9F1}
.mjw-public-v61 .job-card .verified{background:#E9F8F1!important;color:#087A57!important}
.mjw-public-v61 .job-card .urgent{background:var(--mjw-orange-soft)!important;color:#C95800!important}
.mjw-public-v61 .job-card .mini-btn.primary{background:var(--mjw-blue)!important;color:#fff!important}

/* ===== Footer follows the logo ===== */
.v61-footer{background:#111F34}
.v61-footer .v61-logo{background:linear-gradient(145deg,#1687F8,var(--mjw-blue))}
.v61-footer .v61-wordmark b{color:#6FA2FF}
.v61-footer .v61-wordmark em{color:#FF9A51}

/* ===== Responsive: tablet ===== */
@media(max-width:1120px){
  .v61-nav{width:calc(100% - 24px);gap:12px}
  .v61-desktop-nav{display:none}
  .v61-menu-btn{display:grid;place-items:center}
  .v61-mobile-menu{top:68px}
  .v64-hero-grid{grid-template-columns:1fr}
  .v64-side-card{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.55fr);column-gap:18px;align-items:center}
  .v64-side-card .v64-flow{grid-column:1}
  .v64-side-card .v64-alert-btn,.v64-side-card>small{grid-column:2}
  .v64-side-card .v64-alert-btn{grid-row:1/3;align-self:center}
  .v64-side-card>small{grid-row:3;text-align:left}
}

/* ===== Responsive: phones ===== */
@media(max-width:760px){
  .v61-shell{width:calc(100% - 24px)}
  .v61-nav{width:calc(100% - 20px);height:60px;gap:7px}
  .v61-logo{width:34px;height:34px;border-radius:10px;font-size:17px}
  .v61-wordmark{font-size:18px;letter-spacing:-.55px}
  .v61-actions{gap:6px}
  .v61-actions>.v61-btn.primary{display:none}
  .v61-menu-btn{width:38px;height:38px;border-radius:10px;font-size:19px}
  .v61-mobile-menu{top:60px;left:10px;right:10px;border-radius:13px;max-height:calc(100vh - 76px);overflow:auto}
  .v64-hero{padding:22px 0 14px}
  .v64-hero-copy h1{font-size:clamp(30px,9.4vw,38px);letter-spacing:-1.35px;line-height:1.03;margin-top:7px}
  .v64-hero-copy>p{font-size:13px;line-height:1.5;margin-bottom:12px}
  .v64-search{grid-template-columns:1fr;gap:5px;padding:6px;border-radius:14px}
  .v64-search-field,.v64-search-btn,.v64-near-btn{height:43px}
  .v64-search-btn,.v64-near-btn{width:100%}
  .v64-city-strip{margin-right:-12px;padding-bottom:1px}
  .v64-hero-mini-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}
  .v64-hero-mini-actions a{display:flex;align-items:center;justify-content:center;min-height:38px;border:1px solid #DDE5F0;border-radius:10px;background:#fff;font-size:10px}
  .v64-hero-mini-actions a:last-child{grid-column:1/-1;background:var(--mjw-orange-soft);border-color:#FFD9BD;color:#B94D00}
  .v64-side-card{display:none}
  .v64-trust>.v61-shell{padding-left:0;padding-right:0;gap:4px}
  .v64-trust span{padding:8px 9px;font-size:9px}
  .v64-section{padding:23px 0}
  .v64-section-head{margin-bottom:11px;gap:10px}
  .v64-section-head h2{font-size:21px;letter-spacing:-.5px}
  .v64-category-grid{grid-template-columns:1fr 1fr;gap:7px}
  .v64-category-grid>a{min-height:56px;padding:9px;gap:8px}
  .v64-category-grid>a>span{width:32px;height:32px}
  .v64-category-grid b{font-size:10px;line-height:1.25}
  .v64-company-row{gap:7px;margin-right:-12px}
  .v64-company-row>a{flex-basis:174px;padding:10px}
  .v64-company-logo{width:38px;height:38px}
  .v64-job-list,.v64-job-grid{gap:8px}
  .mjw-public-v61 .job-card{padding:11px!important;gap:8px!important}
  .mjw-public-v61 .job-card .company-avatar{width:40px!important;height:40px!important}
  .mjw-public-v61 .job-card h3{font-size:14px!important}
  .mjw-public-v61 .job-card .company-name{font-size:10px!important}
  .mjw-public-v61 .job-card .job-meta{gap:4px!important;margin-top:6px!important}
  .mjw-public-v61 .job-card .meta{font-size:9px!important;padding:4px 6px!important}
  .mjw-public-v61 .job-card .skill{font-size:8px!important;padding:4px 6px!important}
  .mjw-public-v61 .job-card .salary{font-size:12px!important}
  .mjw-public-v61 .job-card .posted{font-size:9px!important}
  .mjw-public-v61 .job-card .mini-btn{min-height:32px!important;padding:7px 9px!important;font-size:9px!important}
  .v64-cta{padding:24px 0}
  .v64-cta h2{font-size:22px}
  .v64-cta>div>div:last-child{display:grid;grid-template-columns:1fr 1fr;width:100%}
}

/* ===== Small phones: 320–430 px ===== */
@media(max-width:430px){
  .v61-nav{width:calc(100% - 16px)}
  .v61-brand{gap:7px}
  .v61-wordmark{font-size:17px}
  .v64-hero-copy h1{font-size:30px}
  .v64-city-strip a{padding:6px 8px}
  .v64-category-grid{grid-template-columns:1fr 1fr}
  .v64-section-head>a{display:inline-flex;font-size:10px;white-space:nowrap}
  .v64-radius{width:100%;grid-template-columns:1fr 1fr}
  .v64-radius label{display:grid;gap:4px}
  .v64-radius select,.v64-radius button{width:100%;height:38px}
  .v64-cta>div>div:last-child{grid-template-columns:1fr}
}

@media(max-width:360px){
  .v61-wordmark{font-size:16px}
  .v61-logo{width:32px;height:32px}
  .v61-menu-btn{width:36px;height:36px}
  .v64-hero-copy h1{font-size:28px}
  .v64-category-grid{grid-template-columns:1fr}
  .v64-hero-mini-actions{grid-template-columns:1fr}
  .v64-hero-mini-actions a:last-child{grid-column:auto}
}