/* Job.net.pk — "Pakistan's Professional Career Network": white, sky-blue, corporate, crisp */
:root {
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-head: "Inter", system-ui, sans-serif;
  --primary: #1a6fe0; --primary-600: #155cc0; --primary-700: #10489a; --primary-100: #dfeafc; --primary-50: #f1f6fe;
  --accent: #0ea5e9; --accent-100: #e0f2fe;
  --cta: #1a6fe0; --cta-hover: #155cc0; --cta-text: #fff;
  --hero-grad: linear-gradient(120deg, #eef5ff 0%, #ffffff 48%, #e6f0fd 100%);
  --footer-bg: #0b1a33; --footer-ink: #c7d2e3;
  --radius: 12px; --radius-lg: 18px; --btn-radius: 9px;
}
body { background: #fff; }
.logo .word { color: var(--primary-700); } .logo .word b { color: var(--primary); }
.hero { background: var(--hero-grad); }
.hero::after { content: ""; position: absolute; right: -80px; bottom: -80px; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(circle, rgba(26,111,224,.14), transparent 70%); pointer-events: none; }
.hero::before { content: ""; position: absolute; left: -60px; top: -60px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle, rgba(14,165,233,.14), transparent 70%); pointer-events: none; }
.hero-side.seekers { background: linear-gradient(160deg, #e8f4ff, #fff); } .hero-side.employers { background: linear-gradient(160deg, #eaf8ef, #fff); }
.section-head h2 { position: relative; padding-left: 14px; } .section-head h2::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 4px; border-radius: 2px; background: var(--primary); }
.job-card .title a:hover { color: var(--primary); }
.plan.is-featured { border-color: var(--primary); }
.side-nav a.is-active { border-left: 3px solid var(--primary); padding-left: 9px; }
.site-footer { background: #0b1a33; }
.brand-tagline { color: #1a6fe0; }