@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
.job-page{--jb:#073b86;--jd:#052b62;--jy:#ffc928;--jt:#193b60;--jm:#71839a;--jborder:#e1eaf4;font-family:Montserrat,Arial,sans-serif;color:var(--jt);background:#fff;min-height:100vh}.job-page *,.job-modal *{box-sizing:border-box}.job-page a,.job-modal a{text-decoration:none}.job-container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.job-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#073b86,#0b4c98 60%,#0b3673);color:#fff}.job-hero-pattern{position:absolute;inset:0;z-index:-1;opacity:.12;background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 1.5px);background-size:25px 25px}.job-hero:after{content:"";position:absolute;z-index:-1;right:-130px;top:-280px;width:530px;height:530px;border:1px solid #ffffff2b;border-radius:50%;box-shadow:0 0 0 40px #ffffff0a,0 0 0 90px #ffffff07}.job-hero-inner{position:relative;min-height:355px;display:flex;align-items:center;justify-content:space-between;padding:66px 0 45px}.job-breadcrumb{position:absolute;top:20px;left:0;display:flex;gap:10px;color:#ffffffb8;font-size:11px}.job-breadcrumb a{color:#fff}.job-hero-copy{max-width:660px}.job-eyebrow,.job-kicker{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1.5px}.job-eyebrow{color:var(--jy)}.job-hero h1{margin:13px 0 13px;color:#fff;font-size:clamp(35px,4.7vw,54px);line-height:1.12;letter-spacing:-1.5px}.job-hero h1 span{color:var(--jy)}.job-hero-copy p{max-width:620px;color:#e2edff;font-size:12px;line-height:1.9}.job-hero-cta{display:inline-flex;align-items:center;gap:22px;margin-top:13px;padding:13px 17px;border-radius:5px;background:var(--jy);color:#15375e;font-size:10px;font-weight:800;transition:transform .2s,background .2s}.job-hero-cta:hover{transform:translateY(-2px);background:#ffdb62}.job-hero-visual{position:relative;display:grid;place-items:center;width:300px;height:240px;margin-right:25px}.job-orbit{position:absolute;border:1px solid #ffffff36;border-radius:50%;transform:rotate(-20deg)}.orbit-one{width:260px;height:160px}.orbit-two{width:220px;height:210px;transform:rotate(35deg)}.job-hero-card{position:relative;width:205px;padding:20px;border:1px solid #ffffff48;border-radius:14px;background:linear-gradient(145deg,#ffffff20,#ffffff0b);box-shadow:0 20px 55px #001c4430;backdrop-filter:blur(8px);transform:rotate(3deg)}.visual-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:20px;border-radius:11px;background:var(--jy);color:var(--jd);font-size:25px}.job-hero-card b{display:block;font-size:13px}.job-hero-card small{display:block;margin-top:7px;color:#e0ecff;font-size:10px;line-height:1.7}.visual-bars{display:flex;align-items:end;gap:5px;height:37px;margin-top:17px}.visual-bars i{display:block;width:15px;border-radius:3px 3px 0 0;background:#ffc928}.visual-bars i:nth-child(1){height:35%}.visual-bars i:nth-child(2){height:52%}.visual-bars i:nth-child(3){height:44%}.visual-bars i:nth-child(4){height:75%}.visual-bars i:nth-child(5){height:60%}.visual-bars i:nth-child(6){height:90%}.visual-bars i:nth-child(7){height:100%}
.job-main{padding-top:42px;padding-bottom:65px}.job-intro-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.job-kicker{color:#1670cf}.job-intro-row h2{margin:8px 0;color:var(--jb);font-size:clamp(24px,3vw,31px);letter-spacing:-.7px}.job-intro-row p{margin:0;color:var(--jm);font-size:12px;line-height:1.7}.job-count{display:flex;flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap}.job-count strong{color:var(--jb);font-size:27px}.job-count span{color:var(--jm);font-size:10px}.job-filter{display:grid;grid-template-columns:minmax(220px,1fr) 180px 160px auto;gap:10px;padding:12px;border:1px solid var(--jborder);border-radius:10px;background:#f8fbff}.job-search{display:flex;align-items:center;gap:9px;min-width:0;padding:0 12px;border:1px solid #dce7f3;border-radius:6px;background:#fff;color:#2672ba;font-size:23px}.job-search input{width:100%;min-width:0;border:0;outline:0;padding:12px 0;background:transparent;color:var(--jt);font:inherit;font-size:11px}.job-search input::placeholder{color:#98a9bb}.job-select-label select{width:100%;height:100%;min-height:43px;padding:0 10px;border:1px solid #dce7f3;border-radius:6px;background:#fff;color:#355573;font:inherit;font-size:10px;outline-color:#4d91d3}.job-reset{padding:0 14px;border:1px solid #cbd9e9;border-radius:6px;background:#fff;color:#355573;font:inherit;font-size:10px;font-weight:700;cursor:pointer}.job-reset:hover{border-color:var(--jb);color:var(--jb)}.job-listing-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:24px;margin-top:28px}.job-results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.job-results-heading h3{margin:0;color:#163d69;font-size:16px}.job-results-heading span{color:#1670cf;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.job-card{display:flex;flex-direction:column;min-width:0;padding:17px;border:1px solid var(--jborder);border-radius:10px;background:#fff;box-shadow:0 6px 22px #0b37610a;transition:transform .2s,border-color .2s,box-shadow .2s}.job-card:hover{transform:translateY(-3px);border-color:#b7d3f0;box-shadow:0 12px 28px #0b376113}.job-card[hidden]{display:none}.job-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.job-company-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;font-size:12px;font-weight:800}.job-company-logo.blue{background:#e7f1ff;color:#1559a3}.job-company-logo.purple{background:#f0eaff;color:#7045b7}.job-company-logo.cyan{background:#e3f8fb;color:#087f95}.job-company-logo.orange{background:#fff0df;color:#b96513}.job-company-logo.green{background:#e6f7ed;color:#24814b}.job-company-logo.pink{background:#ffe9f2;color:#b73571}.job-type{padding:6px 8px;border-radius:4px;background:#edf5ff;color:#1763ad;font-size:9px;font-weight:700}.job-category{margin-bottom:5px;color:#1670cf;font-size:9px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.job-card h3{margin:0 0 5px;color:#153c68;font-size:15px;line-height:1.5}.job-company{margin:0;color:#637b96;font-size:10px}.job-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;padding:10px 0;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;color:#6f8399;font-size:9px}.job-description{margin:12px 0;color:#6a7f95;font-size:10px;line-height:1.8}.job-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px}.job-salary{max-width:65%;color:#234e78;font-size:9px;font-weight:700;line-height:1.6}.job-detail-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border:0;border-radius:5px;background:var(--jy);color:#193c63;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.job-detail-btn:hover{background:#f1b900}.job-disclaimer{margin:17px 0 0;padding:12px;border-left:3px solid var(--jy);background:#fff9e8;color:#786538;font-size:9px;line-height:1.8}.job-sidebar{display:grid;align-content:start;gap:15px}.job-side-card{padding:20px;border:1px solid var(--jborder);border-radius:10px;background:#fff}.job-tip{background:#f5f9ff}.job-side-icon{display:grid;place-items:center;width:35px;height:35px;margin-bottom:15px;border-radius:9px;background:#e2efff;color:#126ac2;font-size:20px}.job-side-card h3{margin:8px 0 10px;color:#163e6b;font-size:16px;line-height:1.5}.job-side-card ul{display:grid;gap:11px;margin:14px 0 0;padding-left:17px;color:#657c95;font-size:10px;line-height:1.8}.job-bkk{background:var(--jb);border-color:var(--jb);color:#fff}.job-bkk .job-kicker{color:var(--jy)}.job-bkk h3{color:#fff}.job-bkk p{color:#d9e7fb;font-size:10px;line-height:1.9}.job-bkk a{display:inline-flex;gap:10px;align-items:center;margin-top:7px;padding:10px 12px;border-radius:5px;background:var(--jy);color:#17385f;font-size:10px;font-weight:800}.job-empty{padding:45px 15px;text-align:center;border:1px dashed #c9d8e9;border-radius:10px;color:#70869e}.job-empty[hidden]{display:none}.job-empty>span{font-size:30px;color:#1670cf}.job-empty h3{margin:7px 0;color:#24496e;font-size:16px}.job-empty p{font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.job-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px}.job-modal[hidden]{display:none}.job-modal-backdrop{position:absolute;inset:0;background:#061b35b8;backdrop-filter:blur(4px)}.job-modal-panel{position:relative;z-index:1;width:min(620px,100%);max-height:min(86vh,800px);overflow:auto;padding:30px;border-radius:14px;background:#fff;box-shadow:0 25px 80px #00152e50;outline:none}.job-modal-close{position:absolute;top:14px;right:15px;width:35px;height:35px;border:1px solid #dce6f1;border-radius:50%;background:#fff;color:#355573;font-size:23px;cursor:pointer}.job-modal-panel h2{margin:9px 40px 5px 0;color:var(--jb);font-size:25px;line-height:1.35}.modal-company{margin:0;color:#71839a;font-size:12px}.modal-pills{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.modal-pills span{padding:7px 9px;border-radius:4px;background:#edf5ff;color:#155ca6;font-size:10px;font-weight:700}.modal-block{margin-top:19px}.modal-block h3{margin:0 0 7px;color:#173f6b;font-size:13px}.modal-block p,.modal-block li{color:#61778e;font-size:11px;line-height:1.9}.modal-block p{margin:0}.modal-block ul{margin:0;padding-left:18px}.modal-note{margin-top:20px;padding:12px;border-radius:6px;background:#fff8e6;color:#7a6330;font-size:10px;line-height:1.8}.modal-apply{display:inline-flex;margin-top:8px;padding:12px 15px;border-radius:5px;background:var(--jy);color:#17385f;font-size:11px;font-weight:800}
@media(max-width:980px){.job-hero-visual{width:220px;margin-right:0}.job-listing-layout{grid-template-columns:minmax(0,1fr) 240px}.job-filter{grid-template-columns:minmax(180px,1fr) 160px 145px auto}.job-grid{grid-template-columns:1fr}}
@media(max-width:760px){.job-hero-inner{min-height:310px}.job-hero-visual{display:none}.job-filter{grid-template-columns:1fr 1fr}.job-search{grid-column:1/-1;min-height:43px}.job-reset{min-height:43px}.job-listing-layout{grid-template-columns:1fr}.job-sidebar{grid-template-columns:1fr 1fr}.job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.job-container{width:calc(100% - 30px)}.job-hero-inner{padding-top:57px}.job-hero h1{font-size:37px}.job-hero-copy p{font-size:11px}.job-main{padding-top:30px;padding-bottom:45px}.job-intro-row{align-items:start}.job-intro-row p{max-width:280px}.job-count strong{font-size:22px}.job-count span{font-size:9px}.job-filter{grid-template-columns:1fr}.job-search{grid-column:auto}.job-select-label select{height:43px}.job-grid{grid-template-columns:1fr}.job-sidebar{grid-template-columns:1fr}.job-modal-panel{padding:24px 20px}.job-modal-panel h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.job-card,.job-hero-cta{transition:none}}

/* Dynamic BKK cards */
.bkk-poster{width:100%;height:150px;object-fit:cover;border-radius:14px}.bkk-detail{padding-top:48px;padding-bottom:70px}.bkk-detail-card{max-width:900px;margin:24px auto;padding:clamp(20px,4vw,44px);background:#fff;border:1px solid #e5eaf2;border-radius:22px;box-shadow:0 16px 50px rgba(20,50,90,.08)}.bkk-detail-card h1{font-size:clamp(30px,5vw,48px);color:#102d54}.bkk-detail-card h2{margin-top:28px;color:#123c73}.bkk-detail-card p,.bkk-detail-card li{line-height:1.8;color:#43546b}/* Gambar poster pada halaman detail lowongan */
.bkk-detail-image {
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
    object-position: center;
    border-radius: 16px;
    margin: 0 auto 28px;
}

/* Tampilan smartphone */
@media (max-width: 768px) {
    .bkk-detail-image {
        width: 100%;
        height: auto;
        max-height: none;
        border-radius: 10px;
        margin-bottom: 20px;
    }
}