/* ── PAGE HERO ── */
    .page-hero { background: url(https://confidentialrehab.in/assets/image/bg-page.png); padding: 64px 0 0; position: relative; overflow: hidden; }
    .page-hero::before { content: ''; position: absolute; top: -60px; right: -60px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(15,123,194,.18) 0%, transparent 70%); border-radius: 50%; }
    .page-hero::after { content: ''; position: absolute; bottom: 0; left: -80px; width: 300px; height: 300px; background: radial-gradient(circle, rgba(255,255,255,.04) 0%, transparent 70%); border-radius: 50%; }
    .ph-eye { display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #7ec8f0; margin-bottom: 14px; }
    .ph-h1 { font-size: clamp(28px, 4vw, 48px); font-weight: 300; color: #fff; line-height: 1.2; margin-bottom: 16px; }
    .ph-h1 strong { font-weight: 700; }
    .ph-desc { color: rgba(255,255,255,.78); font-size: 15px; line-height: 1.7; margin-bottom: 28px; }
    .ph-trust-item { display: inline-flex; align-items: center; gap: 7px; color: rgba(255,255,255,.7); font-size: 13px; }
    .ph-trust-dot { width: 6px; height: 6px; border-radius: 50%; background: #7ec8f0; display: inline-block; }
    .ph-stat-card { background: rgba(255,255,255,.1); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.15); border-radius: 20px; padding: 28px; text-align: center; }
    .ph-stat-lbl { font-size: 12px; text-transform: uppercase; letter-spacing: .1em; color: rgba(255,255,255,.6); margin-bottom: 8px; }
    .ph-stat-val { font-size: 32px; font-weight: 700; color: #fff; line-height: 1.1; margin-bottom: 6px; }
    .ph-stat-sub { font-size: 13px; color: rgba(255,255,255,.55); }

    /* ── TABS STRIP ── */
    .ptabs-strip { background: #fff; border-bottom: 1px solid var(--border); position: sticky; top: 0; z-index: 100; overflow-x: auto; scrollbar-width: none; white-space: nowrap; }
    .ptabs-strip::-webkit-scrollbar { display: none; }
    .ptab { background: none; border: none; padding: 16px 24px; font-size: 15px; font-weight: 500; color: var(--muted); cursor: pointer; border-bottom: 3px solid transparent; transition: var(--tr); white-space: nowrap; font-family: var(--font); display: inline-block; }
    .ptab.on { color: var(--navy); border-bottom-color: var(--blue); font-weight: 600; }
    .ptab:hover { color: var(--navy); }

    /* ── PANEL ── */
    .panel { display: none; }
    .panel.on { display: block; animation: fadeUp .2s ease; }
    @keyframes fadeUp { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }

    /* ── SECTION HEADER ── */
    .sec-eye { display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--blue); margin-bottom: 10px; }
    .sec-h2 { font-size: clamp(22px, 3vw, 32px); font-weight: 300; color: var(--navy); margin-bottom: 12px; line-height: 1.25; }
    .sec-h2 strong { font-weight: 700; }
    .sec-body { font-size: 15px; color: var(--muted); line-height: 1.7; margin-bottom: 28px; }

    /* ── JOB METRICS ── */
    .jm { background: #fff; border: 1px solid var(--border); border-radius: 14px; padding: 18px 24px; flex: 1; min-width: 110px; }
    .jm-n { font-size: 28px; font-weight: 700; color: var(--navy); }
    .jm-n em { color: var(--blue); font-style: normal; }
    .jm-l { font-size: 12px; color: var(--muted); margin-top: 4px; }

    /* ── FILTER BAR ── */
    .filter-bar { background: #fff; border: 1px solid var(--border); border-radius: var(--radius-md); padding: 20px 24px; margin-bottom: 28px; }
    .filter-bar label { font-size: 13px; font-weight: 600; color: var(--navy); white-space: nowrap; }
    .filter-sel { border: 1px solid var(--border); border-radius: 10px; padding: 9px 14px; font-size: 14px; color: var(--navy); background: #f9fafb; outline: none; cursor: pointer; transition: border .2s; }
    .filter-sel:focus { border-color: var(--blue); }
    .filter-badge { background: var(--blue-l); color: var(--blue); border: 1px solid var(--blue-b); border-radius: 20px; padding: 7px 16px; font-size: 13px; font-weight: 600; cursor: pointer; transition: var(--tr); }
    .filter-badge:hover { background: var(--blue); color: #fff; border-color: var(--blue); }

    /* ── JOB CARD ── */
    .job-card { background: #fff; border: 1px solid var(--border); border-radius: var(--radius-md); padding: 24px; margin-bottom: 16px; transition: var(--tr); cursor: pointer; position: relative; }
    .job-card:hover { border-color: var(--blue); box-shadow: 0 8px 30px rgba(15,123,194,.1); transform: translateY(-2px); }
    .job-card.featured { border-color: var(--blue); background: linear-gradient(135deg, #f0f8fe 0%, #fff 100%); }
    .job-card.featured::before { content: 'FEATURED'; position: absolute; top: 16px; right: 20px; background: var(--blue); color: #fff; font-size: 10px; font-weight: 700; letter-spacing: .1em; padding: 3px 10px; border-radius: 20px; }
    .jc-dept { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--blue); margin-bottom: 8px; }
    .jc-title { font-size: 18px; font-weight: 700; color: var(--navy); margin-bottom: 10px; }
    .jc-desc { font-size: 14px; color: var(--muted); line-height: 1.6; margin-bottom: 14px; }
    .jc-meta-item { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--muted); }
    .jc-meta-item i { color: var(--blue); font-size: 13px; }
    .jc-tag { border-radius: 20px; padding: 4px 12px; font-size: 12px; font-weight: 500; display: inline-block; }
    .jc-tag-default { background: #f0f4f8; color: var(--navy); }
    .jc-tag-green { background: #e8f5ee; color: #1a7a45; }
    .jc-tag-blue { background: var(--blue-l); color: var(--blue); }
    .jc-actions { display: flex; align-items: center; gap: 10px; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--border); flex-wrap: wrap; }
    .btn-jd { background: none; border: 1px solid var(--border); color: var(--navy); padding: 10px 18px; border-radius: 12px; font-size: 14px; font-weight: 500; cursor: pointer; transition: var(--tr); }
    .btn-jd:hover { border-color: var(--blue); color: var(--blue); }
    .jc-date { font-size: 12px; color: var(--muted); margin-left: auto; }

    /* ── SIDEBAR ── */
    .sidebar-sticky { position: sticky; top: 70px; }
    .sb-card { background: #fafafa; border: 1px solid var(--border); border-radius: var(--radius-md); padding: 24px; margin-bottom: 16px; }
    .sb-card-green { background: #f0faf5; border-color: #c3e8d4; }
    .sb-title { font-weight: 700; font-size: 16px; color: var(--navy); margin-bottom: 16px; }
    .sb-input { display: block; width: 100%; border: 1px solid var(--border); border-radius: 10px; padding: 10px 14px; font-size: 14px; margin-bottom: 10px; outline: none; transition: border .2s; background: #fff; font-family: var(--font); color: var(--navy); }
    .sb-input:focus { border-color: var(--blue); }
    .sb-btn { display: block; width: 100%; background: var(--gradient); color: #fff; border: none; padding: 12px; border-radius: 12px; font-size: 15px; font-weight: 600; cursor: pointer; transition: var(--tr); font-family: var(--font); }
    .sb-btn:hover { opacity: .9; }
    .sb-btn-blue { background: var(--blue); }
    .sb-note { font-size: 12px; color: var(--muted); text-align: center; margin-bottom: 14px; }
    .sb-ph { display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid var(--border); border-radius: 10px; padding: 12px 16px; }
    .sb-ph-num { font-weight: 700; font-size: 15px; color: var(--navy); }
    .sb-ph-lbl { font-size: 12px; color: var(--muted); }
    .tlist { display: flex; flex-direction: column; gap: 10px; }
    .tr2 { display: flex; align-items: center; gap: 10px; }
    .tr2-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--blue); flex-shrink: 0; }
    .tr2-t { font-size: 13.5px; color: var(--navy); }

    /* ── LIFE CARDS ── */
    .life-card { border-radius: var(--radius-md); padding: 28px 22px; }
    .lc-blue  { background: linear-gradient(135deg,#e8f4fd,#d0e8f9); border: 1px solid #b3d9f5; }
    .lc-navy  { background: linear-gradient(135deg,#eef1f6,#dde4ef); border: 1px solid #c4cfe0; }
    .lc-green { background: linear-gradient(135deg,#e8f5ee,#d0ecdb); border: 1px solid #a8d8bb; }
    .lc-warm  { background: linear-gradient(135deg,#fef5e7,#fde8c0); border: 1px solid #f5cc7a; }
    .lc-soft  { background: linear-gradient(135deg,#f4eef8,#ead8f2); border: 1px solid #c9a8e0; }
    .lc-red   { background: linear-gradient(135deg,#fef0f0,#fddede); border: 1px solid #f5b3b3; }
    .lc-ico   { font-size: 32px; margin-bottom: 14px; }
    .lc-title { font-size: 15px; font-weight: 700; color: var(--navy); margin-bottom: 8px; }
    .lc-desc  { font-size: 13px; color: var(--muted); line-height: 1.6; }

    /* ── PERKS STRIP ── */
    .perks-strip { background: var(--gradient); border-radius: 20px; padding: 36px; margin-bottom: 28px; }
    .perk-ico { font-size: 28px; margin-bottom: 10px; }
    .perk-t { font-size: 13.5px; font-weight: 600; color: #fff; margin-bottom: 4px; }
    .perk-d { font-size: 12px; color: rgba(255,255,255,.65); line-height: 1.4; }

    /* ── TEAM QUOTE ── */
    .team-quote { background: #f8fafb; border-left: 4px solid var(--blue); border-radius: 0 var(--radius-md) var(--radius-md) 0; padding: 24px 28px; margin-bottom: 20px; }
    .tq-text { font-size: 16px; font-style: italic; color: var(--navy); line-height: 1.7; margin-bottom: 14px; }
    .tq-av { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
    .tq-av img { width: 100%; height: 100%; object-fit: cover; }
    .tq-name { font-weight: 700; font-size: 14px; color: var(--navy); }
    .tq-role { font-size: 12px; color: var(--muted); }

    /* ── APPLY FORM ── */
    .apply-form-card { background: #fff; border: 1px solid var(--border); border-radius: 20px; padding: 32px; margin-bottom: 24px; }
    .af-title { font-size: 20px; font-weight: 700; color: var(--navy); margin-bottom: 6px; }
    .af-sub { font-size: 14px; color: var(--muted); margin-bottom: 24px; }
    .af-label { font-size: 13px; font-weight: 600; color: var(--navy); display: block; margin-bottom: 6px; }
    .af-input, .af-select, .af-textarea { border: 1px solid var(--border); border-radius: 10px; padding: 11px 14px; font-size: 14px; font-family: var(--font); color: var(--navy); background: #fafafa; outline: none; transition: border .2s; width: 100%; }
    .af-input:focus, .af-select:focus, .af-textarea:focus { border-color: var(--blue); background: #fff; }
    .af-textarea { resize: vertical; min-height: 110px; }
    .af-file { border: 2px dashed var(--border); border-radius: 10px; padding: 24px 20px; text-align: center; font-size: 14px; color: var(--muted); cursor: pointer; transition: border .2s; background: #fafafa; }
    .af-file:hover { border-color: var(--blue); }
    .af-submit { background: var(--gradient); color: #fff; border: none; padding: 14px 36px; border-radius: 14px; font-size: 15px; font-weight: 700; cursor: pointer; transition: var(--tr); width: 100%; margin-top: 8px; font-family: var(--font); }
    .af-submit:hover { opacity: .9; }
    .af-note { font-size: 12px; color: var(--muted); text-align: center; margin-top: 10px; }

    /* ── HIRING PROCESS STEP ── */
    .process-step-num { width: 30px; height: 30px; border-radius: 50%; background: var(--blue); color: #fff; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .process-step-num-green { background: #1a7a45; }
    .process-step-title { font-weight: 600; font-size: 14px; color: var(--navy); }
    .process-step-sub { font-size: 12px; color: var(--muted); }

    /* ── CTA STRIP ── */
    .cta-strip { background: var(--gradient); padding: 64px 0; }
    .cta-eye { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #7ec8f0; margin-bottom: 10px; }
    .cta-h { font-size: clamp(22px, 3vw, 36px); font-weight: 700; color: #fff; margin-bottom: 12px; line-height: 1.2; }
    .cta-sub { font-size: 15px; color: rgba(255,255,255,.75); margin-bottom: 24px; }
    .btn-cta-white { background: #fff; color: var(--navy); border: none; padding: 14px 28px; border-radius: 20px; font-size: 15px; font-weight: 700; cursor: pointer; transition: var(--tr); }
    .btn-cta-white:hover { background: #e8f4fd; }
    .btn-cta-ghost { background: rgba(255,255,255,.12); color: #fff; border: 1px solid rgba(255,255,255,.3); padding: 14px 28px; border-radius: 20px; font-size: 15px; font-weight: 600; cursor: pointer; transition: var(--tr); }
    .btn-cta-ghost:hover { background: rgba(255,255,255,.2); }
    .cta-img-wrap { border-radius: 20px; overflow: hidden; height: 220px; }
    .cta-img-wrap img { width: 100%; height: 100%; object-fit: cover; }

    /* ── MODAL ── */
    .modal-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 2000; align-items: center; justify-content: center; padding: 20px; }
    .modal-overlay.open { display: flex; }
    .modal-box { background: #fff; border-radius: 20px; max-width: 600px; width: 100%; max-height: 85vh; overflow-y: auto; padding: 36px; position: relative; animation: fadeUp .2s ease; }
    .modal-close { position: absolute; top: 16px; right: 20px; background: #f0f4f8; border: none; border-radius: 50%; width: 36px; height: 36px; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-family: var(--font); }
    .modal-dept { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--blue); margin-bottom: 8px; }
    .modal-title { font-size: 22px; font-weight: 700; color: var(--navy); margin-bottom: 12px; }
    .modal-section { margin-bottom: 18px; }
    .modal-section h4 { font-size: 14px; font-weight: 700; color: var(--navy); margin-bottom: 8px; }
    .modal-section ul { padding-left: 18px; margin: 0; }
    .modal-section ul li { font-size: 14px; color: var(--muted); margin-bottom: 5px; line-height: 1.5; }

    /* ── NO JOBS MESSAGE ── */
    .no-jobs-msg { display: none; color: var(--muted); font-size: 15px; text-align: center; padding: 40px 0; }