:root{--kl-blue:#0A72BE;--kl-blue-dark:#065A9C;--kl-blue-bright:#3FA9F5;--kl-black:#0B0D10;--kl-ink:#0F1419;--kl-white:#fff}
/* Brand palette: biru taksi Bluebird, hitam, putih. Ubah warna utama cukup dari variabel di atas. */
*{box-sizing:border-box}.karirluar-site{margin:0;background:#f4f8fb;color:var(--kl-ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}.site-header{height:68px;background:rgba(255,255,255,.96);border-bottom:1px solid #E7EDF2;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.header-inner,.hero-inner,.results-inner,.trust-inner,.how-inner,.footer-inner{width:min(1190px,calc(100% - 56px));margin:0 auto}.header-inner{height:100%;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--kl-ink);white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;width:23px;height:23px;border:2px solid var(--kl-ink);border-radius:6px 6px 6px 2px;transform:rotate(-12deg);position:relative}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";display:block;position:absolute;background:var(--kl-blue);height:2px;width:11px;transform:rotate(33deg);left:4px}.brand-mark:before{top:6px}.brand-mark span{top:10px}.brand-mark:after{top:14px;width:8px}.brand-name{font:800 19px/1 "Manrope",sans-serif;letter-spacing:-.7px}.brand-name span{color:var(--kl-blue)}.brand-caption{color:#8b9aa3;font:600 7px/1 "DM Sans",sans-serif;letter-spacing:1.1px;align-self:flex-end;margin-bottom:2px}.main-nav{display:flex;align-items:center;gap:26px;margin-left:auto}.main-nav a,.find-job-button{color:#536675;font-size:12px;font-weight:600;text-decoration:none;border:0;background:transparent;padding:6px 0}.main-nav a:hover,.find-job-button:hover{color:var(--kl-blue)}.find-job-button{display:inline-flex;align-items:center;gap:8px;color:var(--kl-blue);font-weight:700}.find-job-button svg{width:15px;height:15px}.mobile-menu{display:none;border:0;background:transparent;color:var(--kl-ink)}.hero-section{background:radial-gradient(circle at 82% 0%,rgba(10,114,190,.13),transparent 29%),#EEF5FA;border-bottom:1px solid #E4EBF1;padding:27px 0 46px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#8595a0;margin-bottom:47px}.breadcrumb a{color:#47637A;text-decoration:none}.hero-copy-row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}.eyebrow{margin:0 0 13px;color:var(--kl-blue);font-size:10px;font-weight:800;letter-spacing:2px}.hero-copy-row h1{max-width:680px;margin:0;font:800 clamp(38px,5vw,60px)/1.02 "Manrope",sans-serif;letter-spacing:-3px;color:var(--kl-black)}.hero-copy-row h1 em{color:var(--kl-blue);font-style:normal}.hero-subtitle{margin:13px 0 0;color:#718391;font-size:14px}.hero-stat{min-width:170px;border-left:1px solid #CDDAE5;padding:2px 0 4px 22px;margin-bottom:4px}.hero-stat strong{display:block;color:var(--kl-ink);font:800 22px/1 "Manrope",sans-serif}.hero-stat span{display:block;color:#7c8f9d;font-size:11px;line-height:1.45;margin-top:7px}.search-panel{min-height:67px;margin-top:39px;padding:8px 8px 8px 19px;background:#fff;border:1px solid #D7E0E8;box-shadow:0 14px 30px rgba(11,13,16,.08);display:flex;align-items:center;gap:13px}.search-icon svg{width:20px;height:20px;color:#6B89A2}.search-panel input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--kl-ink);font-size:13px}.search-panel input::placeholder{color:#a0adb5}.search-submit{height:45px;min-width:68px;background:var(--kl-blue);border:0;color:#fff;font-size:12px;font-weight:700;padding:0 17px}.results-section{padding:0 0 88px}.category-tabs{height:73px;display:flex;gap:30px;align-items:flex-end;border-bottom:1px solid #DFE7ED}.category-tabs a{height:43px;position:relative;color:#7d8c97;padding:0 1px;font-size:12px;font-weight:600;text-decoration:none}.category-tabs a.active{color:var(--kl-blue-dark)}.category-tabs a.active:after{content:"";position:absolute;height:2px;background:var(--kl-blue);left:0;right:0;bottom:-1px}.category-tabs span{color:#94a2ab;font-size:10px;padding-left:5px}.results-toolbar{height:81px;display:flex;align-items:center;justify-content:space-between}.results-toolbar p{margin:0;color:#7c8d99;font-size:12px}.results-toolbar p strong{color:var(--kl-ink);font-size:14px;margin-right:4px}.sort-select{display:flex;align-items:center;border:1px solid #D6DFE7;background:#fff;min-width:145px;height:35px;padding:0 10px;color:#84949f;gap:5px}.sort-select span{font-size:10px}.sort-select select{border:0;outline:0;flex:1;color:#34404B;font-size:11px;background:transparent;appearance:none}.results-layout{display:grid;grid-template-columns:201px minmax(0,1fr) 280px;gap:22px;align-items:start}.filter-sidebar{padding:0 14px 0 0;position:sticky;top:91px;align-self:start;max-height:calc(100vh - 91px - 16px);overflow-y:auto}.filter-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px}.filter-header strong{font:700 13px "Manrope",sans-serif}.filter-header a{color:var(--kl-blue-dark);font-size:10px;font-weight:700;text-decoration:none}.filter-form label{display:block;color:#607480;font-size:10px;font-weight:700;margin-bottom:20px}.filter-form select{appearance:none;display:block;width:100%;height:35px;margin-top:8px;padding:0 11px;border:1px solid #D7DFE6;color:#566c7a;background:#fff;border-radius:1px;outline:0;font-size:11px}.filter-submit{display:none}.filter-note{display:flex;align-items:flex-start;gap:9px;margin-top:33px;padding:14px 11px;border:1px solid #CFE4F6;background:#EAF4FC;color:#5C6F7F;font-size:10px;line-height:1.5}.filter-note svg{width:17px;height:17px;color:var(--kl-blue);flex:none}.job-list{display:grid;gap:14px;min-width:0}.job-card{background:#fff;border:1px solid #D9E2E9;padding:19px 18px 0;transition:box-shadow .2s,border-color .2s,transform .2s}.job-card:hover,.job-card.is-selected{border-color:#7DB8E3;box-shadow:0 10px 25px rgba(11,13,16,.07)}.job-card-topline,.job-card-footer,.job-heading,.location-line,.tag-row{display:flex;align-items:center}.job-card-topline{justify-content:space-between;flex-wrap:wrap;row-gap:8px}.job-card-labels{display:flex;gap:7px;align-items:center;flex-wrap:wrap;row-gap:6px}.category-chip,.featured-chip,.soft-tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700}.category-chip{padding:5px 8px}.category-chip.white{color:var(--kl-ink);background:#EDF0F3}.category-chip.blue{color:#FFFFFF;background:var(--kl-blue)}.featured-chip{color:#FFFFFF;background:var(--kl-black);padding:5px 8px}.icon-button{border:0;display:grid;place-items:center;width:29px;height:29px;background:transparent;color:#8B9CAA}.icon-button svg{width:17px;height:17px}.icon-button.saved{color:var(--kl-blue)}.job-heading{align-items:flex-start;gap:11px;margin-top:17px}.company-avatar{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:9px;color:#1B2229;font:800 11px "Manrope",sans-serif}.seafoam{background:#DCEEFB;color:var(--kl-blue)}.lavender{background:#E8ECF1;color:#2C3745}.sunset{background:#26303B;color:#FFFFFF}.sky{background:#CFE7F9;color:var(--kl-blue-dark)}.indigo{background:#E3ECFA;color:#1F4E8C}.mint{background:#ECEFF3;color:var(--kl-ink)}.job-heading h3{margin:0;color:#12171C;font:700 16px/1.2 "Manrope",sans-serif;letter-spacing:-.35px}.company-line,.detail-company{display:flex;align-items:center;gap:5px;margin:6px 0 0;color:#78909d;font-size:11px}.verified-dot{color:var(--kl-blue)}.location-line{gap:6px;margin-top:17px;color:#52697C;font-size:11px}.location-line svg,.detail-location svg{width:15px;height:15px;color:var(--kl-blue)}.dot-separator{color:#a8b4bb;margin:0 2px}.tag-row{flex-wrap:wrap;gap:6px;margin-top:15px}.soft-tag{border:1px solid #E1E6EB;padding:5px 7px;color:#7a8b95;background:#FBFCFC;font-weight:500}.job-card-footer{border-top:1px solid #EDF0F2;margin-top:18px;padding:14px 0;justify-content:space-between;flex-wrap:wrap;row-gap:10px;gap:12px}.job-card-footer div{display:flex;flex-direction:column;gap:4px}.job-card-footer strong{color:#232B33;font-size:12px}.job-card-footer span{color:#9AA6AF;font-size:10px}.view-link{display:inline-flex;align-items:center;gap:6px;color:var(--kl-blue-dark);font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}.view-link svg{width:15px;height:15px}.detail-panel{position:sticky;top:91px;background:var(--kl-black);color:#fff;padding:22px 21px 20px;min-height:480px;box-shadow:0 18px 30px rgba(11,13,16,.13)}.detail-panel-top{display:flex;justify-content:space-between;align-items:center}.detail-kicker{color:#84A1B9;font-size:9px;letter-spacing:1.5px;font-weight:800}.detail-panel .icon-button{color:#95ABBD}.detail-avatar{margin-top:25px}.detail-panel h2{margin:16px 0 0;color:#fff;font:700 21px/1.18 "Manrope",sans-serif;letter-spacing:-.5px}.detail-company{color:#A8B9C7}.detail-location{display:flex;align-items:center;gap:6px;color:#9DB0C0;font-size:11px;margin-top:14px}.detail-divider{height:1px;background:rgba(255,255,255,.14);margin:21px 0 17px}.detail-description{color:#C4CFD8;font-size:11px;line-height:1.65;margin:0}.detail-facts{border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);margin:18px 0;padding:14px 0;display:grid;gap:11px}.detail-facts span{display:flex;flex-direction:column;color:#E3EAEF;font-size:11px;gap:1px}.detail-facts small{color:#8BA2B4;font-size:9px}.detail-salary{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:18px}.detail-salary span{color:#94A8B9;font-size:10px}.detail-salary strong{color:#fff;font-size:12px}.apply-button{height:42px;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;border:0;background:var(--kl-blue);color:#fff;font-size:11px;font-weight:700;text-decoration:none}.apply-button svg{width:16px;height:16px}.safe-note{display:flex;align-items:center;justify-content:center;gap:5px;color:#8DA6BA;font-size:9px;margin:13px 0 0}.safe-note svg{width:14px;height:14px}.empty-state{border:1px dashed #C9D6E0;background:rgba(255,255,255,.7);text-align:center;padding:50px 20px;color:#748793}.empty-state h3{margin:10px 0 4px;color:#232B33;font:700 16px "Manrope",sans-serif}.empty-state p{margin:0;font-size:12px}.empty-state a{display:inline-block;margin-top:17px;background:#E4F1FB;color:var(--kl-blue);padding:9px 13px;font-size:11px;font-weight:700;text-decoration:none}.trust-section{background:#E4F1FB;border-top:1px solid #C8E0F3;border-bottom:1px solid #C8E0F3;padding:44px 0}.trust-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.trust-inner h2,.how-inner h2{margin:0;font:700 25px/1.16 "Manrope",sans-serif;letter-spacing:-1px;color:var(--kl-black)}.trust-points{display:flex;flex-wrap:wrap;gap:24px;color:#345570;font-size:11px;font-weight:700}.trust-points span{display:inline-flex;align-items:center;gap:7px}.trust-points svg{width:16px;height:16px;background:#A9D3F2;border-radius:50%;padding:2px;color:var(--kl-blue)}.how-section{background:#fff;padding:70px 0 78px}.how-inner{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.how-steps>div{border-top:2px solid #C6D4E0;padding-top:12px}.how-steps span{color:var(--kl-blue);font-size:11px;font-weight:800;letter-spacing:1px}.how-steps h3{margin:18px 0 6px;color:#12171C;font:700 17px "Manrope",sans-serif}.how-steps p{color:#7a8c98;font-size:11px;line-height:1.6;margin:0}.site-footer{background:var(--kl-black);padding:25px 0}.footer-inner{display:flex;align-items:center;gap:20px}.footer-inner .brand{color:#fff}.footer-inner .brand-mark{border-color:#fff}.footer-inner .brand-caption{color:#72899C}.footer-inner p{margin:0 auto 0 0;color:#90A4B5;font-size:11px}.footer-inner>span{color:#667F93;font-size:10px}@media(max-width:1080px){.results-layout{grid-template-columns:190px minmax(0,1fr)}.detail-panel{grid-column:2;position:static;min-height:0}}@media(max-width:720px){.site-header{height:60px}.header-inner,.hero-inner,.results-inner,.trust-inner,.how-inner,.footer-inner{width:min(100% - 30px,540px)}.brand-caption{display:none}.main-nav{display:none;position:absolute;top:59px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;padding:12px 15px 15px;background:#fff;border-bottom:1px solid #DBE4EB;box-shadow:0 10px 18px rgba(11,13,16,.08)}.main-nav.open{display:flex}.main-nav a{width:100%;padding:11px 5px}.mobile-menu{display:grid;place-items:center;margin-left:auto}.mobile-menu svg{width:21px;height:21px}.find-job-button{display:none}.hero-section{padding-top:20px;padding-bottom:28px}.breadcrumb{margin-bottom:32px}.hero-copy-row{display:block}.hero-copy-row h1{font-size:38px;letter-spacing:-2px}.hero-subtitle{max-width:330px;font-size:13px;line-height:1.5}.hero-stat{display:none}.search-panel{margin-top:26px;min-height:59px;padding-left:13px}.search-submit{height:43px}.category-tabs{height:62px;gap:20px;overflow-x:auto}.category-tabs a{white-space:nowrap}.results-toolbar{height:68px}.sort-select{min-width:93px}.sort-select span:first-child{display:none}.results-layout{display:block}.filter-sidebar{padding:0 0 20px;position:static;max-height:none;overflow:visible}.filter-form{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.filter-submit{display:block;height:35px;background:var(--kl-blue);color:#fff;border:0;font-size:11px;font-weight:700}.filter-note{margin-top:15px}.job-card{padding:16px 14px 0}.job-heading h3{font-size:14px}.job-card-footer{align-items:flex-end}.job-card-footer strong{font-size:11px}.detail-panel{margin-top:18px}.trust-inner{display:block}.trust-points{margin-top:23px;display:grid;gap:12px}.how-inner{display:block}.how-steps{margin-top:30px;grid-template-columns:1fr;gap:20px}.how-steps>div{padding:14px 0 0}.how-steps h3{margin-top:9px}.footer-inner{flex-wrap:wrap;gap:12px}.footer-inner p{order:3;flex-basis:100%;margin:3px 0 0}}

/* Homepage layer: extends the marketplace system without changing job-listing styles. */
.home-shell{background:#f4f8fb;color:var(--kl-ink)}.home-hero{background:radial-gradient(circle at 72% 12%,rgba(63,169,245,.2),transparent 28%),linear-gradient(115deg,#EEF5FA 0%,#f4f8fb 58%,#E8EEF3 100%);border-bottom:1px solid #DCE5ED;padding:86px 0 0;overflow:hidden}.home-hero-grid{width:min(1190px,calc(100% - 56px));margin:0 auto;display:grid;grid-template-columns:1fr .86fr;gap:80px;align-items:center}.home-hero-copy{padding:0 0 70px}.home-hero-copy h1{margin:0;color:var(--kl-black);font:800 clamp(44px,5.3vw,72px)/1.02 "Manrope",sans-serif;letter-spacing:-4px}.home-hero-copy h1 em{color:var(--kl-blue);font-style:normal}.home-hero-subtitle{max-width:510px;margin:22px 0 0;color:#6c808e;font-size:15px;line-height:1.7}.home-hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.primary-button,.light-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:45px;padding:0 17px;background:var(--kl-blue);color:#fff;font-size:12px;font-weight:700;text-decoration:none;transition:transform .18s ease,background .18s ease}.primary-button:hover{background:var(--kl-blue-dark);transform:translateY(-1px)}.primary-button svg,.text-button svg,.light-button svg{width:16px;height:16px}.text-button{display:inline-flex;align-items:center;gap:8px;color:var(--kl-blue-dark);text-decoration:none;font-size:12px;font-weight:700}.text-button:hover{gap:11px}.home-proof{display:flex;align-items:center;gap:13px;margin-top:42px}.proof-avatars{display:flex}.proof-avatars span{display:grid;place-items:center;width:29px;height:29px;margin-left:-6px;border:2px solid #EEF5FA;border-radius:50%;background:#D3E0EB;color:#395D7B;font-size:8px;font-weight:800}.proof-avatars span:first-child{margin-left:0;background:#D6DADE;color:#5F6975}.proof-avatars span:nth-child(2){background:#dce4f3;color:#64769a}.proof-avatars span:nth-child(3){background:#DDE0E3;color:#6D7886}.proof-avatars span:last-child{background:var(--kl-black);color:#fff}.home-proof p{margin:0;color:#7c8f99;font-size:10px;line-height:1.45}.home-proof strong{color:#384F61;font-size:11px}.home-hero-visual{height:510px;position:relative;display:grid;place-items:center}.visual-orbit{position:absolute;border:1px solid rgba(10,114,190,.22);border-radius:50%;transform:rotate(-18deg)}.orbit-one{width:440px;height:360px}.orbit-two{width:540px;height:445px;border-color:rgba(10,114,190,.14);transform:rotate(34deg)}.visual-main-card{position:relative;z-index:2;width:318px;min-height:350px;padding:24px;background:var(--kl-black);color:#fff;box-shadow:0 24px 50px rgba(11,13,16,.2);transform:rotate(3deg)}.visual-card-top{display:flex;align-items:center;justify-content:space-between}.visual-kicker{color:#839EB5;font-size:8px;letter-spacing:1.5px;font-weight:800}.visual-live{display:inline-flex;align-items:center;gap:5px;color:#A7BCCD;font-size:9px}.visual-live i{width:5px;height:5px;background:#3FA9F5;border-radius:50%}.visual-flag{display:grid;place-items:center;width:48px;height:48px;margin-top:35px;border-radius:13px;background:#DCEEFB;color:var(--kl-blue);font-size:18px}.visual-main-card h2{margin:19px 0 0;color:#fff;font:700 24px/1.12 "Manrope",sans-serif;letter-spacing:-.7px}.visual-main-card p{margin:8px 0 0;color:#A8B9C7;font-size:11px}.visual-main-card p span{color:var(--kl-blue)}.visual-location{display:flex;align-items:center;gap:6px;margin-top:24px;color:#9DB0C0;font-size:10px}.visual-location svg{width:14px;height:14px;color:var(--kl-blue)}.visual-card-bottom{display:flex;align-items:baseline;gap:4px;border-top:1px solid rgba(255,255,255,.14);margin-top:28px;padding-top:18px}.visual-card-bottom strong{font-size:14px}.visual-card-bottom span{color:#8FA3B4;font-size:10px}.floating-note{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border:1px solid #DCE4EA;box-shadow:0 12px 25px rgba(11,13,16,.1)}.floating-note strong{display:block;color:#232B33;font-size:10px}.floating-note small{display:block;margin-top:3px;color:#8A98A4;font-size:9px}.note-icon{display:grid;place-items:center;width:27px;height:27px;background:#E1F0FC;color:var(--kl-blue);border-radius:8px}.note-icon svg{width:15px;height:15px}.note-icon-gold{background:#E1F0FC;color:var(--kl-blue);font-size:13px}.floating-note-top{top:72px;right:4px;transform:rotate(3deg)}.floating-note-bottom{bottom:72px;left:0;transform:rotate(-5deg)}.home-hero-ribbon{width:min(1190px,calc(100% - 56px));margin:0 auto;min-height:92px;border-top:1px solid #D5DFE8;display:grid;grid-template-columns:repeat(3,1fr) 70px;align-items:center;gap:30px}.home-hero-ribbon>div{display:flex;flex-direction:column;gap:5px}.ribbon-number{color:var(--kl-blue);font:800 22px/1 "Manrope",sans-serif}.home-hero-ribbon>div>span:last-child{color:#7B8D9B;font-size:10px}.ribbon-arrow{justify-self:end!important;display:grid!important;place-items:center;width:39px;height:39px;border:1px solid #B7C8D6;border-radius:50%}.ribbon-arrow svg{width:18px;height:18px;color:var(--kl-blue)}.home-search-section{background:#fff;padding:83px 0}.home-section-inner{width:min(1190px,calc(100% - 56px));margin:0 auto}.home-search-section .home-section-inner{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center}.section-intro h2,.section-heading-row h2,.home-how h2{margin:0;color:var(--kl-black);font:700 35px/1.1 "Manrope",sans-serif;letter-spacing:-1.6px}.section-intro h2 em,.section-heading-row h2 em,.home-how h2 em{color:var(--kl-blue);font-style:normal}.section-intro>p:last-child{max-width:300px;margin:18px 0 0;color:#7E8D99;font-size:12px;line-height:1.7}.home-search-card{display:flex;align-items:center;gap:16px;min-height:102px;padding:17px 17px 17px 21px;border:1px solid #D8E1E8;background:#F6F9FB;box-shadow:0 16px 35px rgba(11,13,16,.07)}.home-search-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#E4F1FB;color:var(--kl-blue)}.home-search-icon svg{width:20px;height:20px}.home-search-card>div{flex:1}.home-search-card label{display:block;color:#778B9B;font-size:10px}.home-search-card input{display:block;width:100%;margin-top:7px;border:0;outline:0;background:transparent;color:#12171C;font-size:13px}.home-search-card button{display:flex;align-items:center;gap:7px;height:45px;border:0;background:var(--kl-blue);color:#fff;padding:0 15px;font-size:11px;font-weight:700}.home-search-card button svg{width:15px;height:15px}.home-destinations{background:#EEF3F7;padding:75px 0 82px}.section-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.section-heading-row .text-button{margin-bottom:7px}.destination-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:37px}.destination-card{height:218px;position:relative;overflow:hidden;padding:20px;background:#DCE8F1;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.destination-card:hover{transform:translateY(-4px);box-shadow:0 14px 25px rgba(11,13,16,.11)}.destination-blue{background:#DCEAF7}.destination-mint{background:#E8ECF0}.destination-sand{background:#CFE4F6}.destination-lilac{background:#F0F4F8}.destination-glow{position:absolute;width:170px;height:170px;right:-46px;top:-47px;border-radius:50%;background:rgba(255,255,255,.28)}.destination-index{position:absolute;top:19px;right:20px;color:rgba(11,13,16,.38);font-size:10px;font-weight:800}.destination-copy{position:absolute;bottom:20px;left:20px}.destination-label{color:#63788A;font-size:9px;letter-spacing:1.4px;text-transform:uppercase}.destination-copy h3{margin:7px 0 4px;color:#12171C;font:700 24px "Manrope",sans-serif;letter-spacing:-1px}.destination-copy p{margin:0;color:#63798B;font-size:10px}.destination-copy p span{display:inline-flex;margin-left:6px;vertical-align:middle}.destination-copy svg{width:13px;height:13px}.home-featured{background:#fff;padding:78px 0 82px}.home-job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:37px}.mini-job-card{padding:19px;background:#fff;border:1px solid #D9E2E9;text-decoration:none;transition:transform .2s,box-shadow .2s}.mini-job-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(11,13,16,.08);border-color:#9CC8EC}.mini-job-top{display:flex;align-items:center;justify-content:space-between}.mini-arrow{color:var(--kl-blue)}.mini-arrow svg{width:16px;height:16px}.mini-job-company{display:flex;align-items:center;gap:10px;margin-top:25px;color:#5E7283;font-size:10px}.mini-job-company small{display:block;margin-top:4px;color:var(--kl-blue);font-size:9px}.mini-job-card h3{min-height:40px;margin:16px 0 0;color:#12171C;font:700 16px/1.25 "Manrope",sans-serif}.mini-job-location{display:flex;align-items:center;gap:6px;margin:15px 0 0;color:#6E8190;font-size:10px}.mini-job-location svg{width:14px;height:14px;color:var(--kl-blue)}.mini-job-footer{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #EDF0F2;margin-top:19px;padding-top:14px}.mini-job-footer strong{color:#232B33;font-size:11px}.mini-job-footer span{color:#9AA6AF;font-size:10px}.home-how{background:#E4F1FB;padding:85px 0}.home-how-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px}.home-how-lead{max-width:330px;color:#697B8A;font-size:12px;line-height:1.7;margin:20px 0 26px}.home-how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.home-how-steps>div{border-top:2px solid #8FC3EE;padding-top:14px}.home-how-steps>div>span{color:var(--kl-blue);font-size:11px;font-weight:800;letter-spacing:1px}.home-how-steps h3{margin:21px 0 7px;color:#12171C;font:700 18px "Manrope",sans-serif}.home-how-steps p{margin:0;color:#677A8A;font-size:11px;line-height:1.6}.home-cta{background:var(--kl-black);padding:68px 0}.home-cta-inner{width:min(1190px,calc(100% - 56px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.home-cta .eyebrow{color:#85A4BD}.home-cta h2{margin:0;color:#fff;font:700 35px/1.1 "Manrope",sans-serif;letter-spacing:-1.5px}.light-button{background:#E4F1FB;color:var(--kl-blue-dark)}.light-button:hover{background:#fff;transform:translateY(-1px)}
@media(max-width:900px){.home-hero-grid{grid-template-columns:1fr;gap:10px}.home-hero-copy{padding-bottom:25px}.home-hero-visual{height:450px}.home-search-section .home-section-inner,.home-how-layout{grid-template-columns:1fr;gap:30px}.destination-grid{grid-template-columns:repeat(2,1fr)}.home-job-grid{grid-template-columns:1fr 1fr}.home-how-steps{gap:18px}.home-cta-inner{align-items:flex-start;flex-direction:column}.home-cta .light-button{margin-top:5px}}
@media(max-width:600px){.home-hero{padding-top:54px}.home-hero-grid,.home-hero-ribbon,.home-section-inner,.home-cta-inner{width:min(100% - 30px,540px)}.home-hero-copy h1{font-size:45px;letter-spacing:-2.5px}.home-hero-subtitle{font-size:13px}.home-hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.home-hero-visual{height:390px;transform:scale(.86);transform-origin:center top;margin-bottom:-45px}.visual-main-card{width:300px}.floating-note-top{right:-22px}.floating-note-bottom{left:-24px}.home-hero-ribbon{grid-template-columns:repeat(3,1fr);gap:10px}.home-hero-ribbon>div>span:last-child{font-size:9px}.ribbon-arrow{display:none!important}.home-search-section,.home-featured{padding:60px 0}.home-destinations{padding:60px 0}.section-intro h2,.section-heading-row h2,.home-how h2,.home-cta h2{font-size:29px}.home-search-card{align-items:flex-start;flex-wrap:wrap;padding:15px}.home-search-card>div{width:calc(100% - 58px)}.home-search-card button{width:100%;justify-content:center}.section-heading-row{align-items:flex-start;flex-direction:column}.destination-grid,.home-job-grid{grid-template-columns:1fr}.destination-card{height:190px}.home-how{padding:60px 0}.home-how-steps{grid-template-columns:1fr;gap:20px}.home-how-steps h3{margin-top:10px}.home-cta{padding:55px 0}}

/* Brand & function refinements (v1.0.4) */
#wpadminbar{display:none!important}html,html.wp-toolbar{margin-top:0!important;padding-top:0!important}
.detail-panel{scroll-margin-top:84px}
.apply-button{transition:background .18s ease}.apply-button:hover{background:var(--kl-blue-bright)}
.light-button{background:#fff;color:var(--kl-black)}.light-button:hover{background:#E4F1FB;color:var(--kl-black)}
.site-footer{border-top:1px solid #1B2026}.home-cta{border-bottom:1px solid #1B2026}
.destination-lilac{background:var(--kl-black)}.destination-lilac .destination-label,.destination-lilac .destination-copy p{color:#9DB8CC}.destination-lilac .destination-copy h3{color:#fff}.destination-lilac .destination-index{color:rgba(255,255,255,.4)}.destination-lilac .destination-glow{background:rgba(255,255,255,.06)}

/* ============================================================
   v1.1.0 — Wilayah, paywall langganan, dan aktivasi akses
   ============================================================ */

/* Penyamaran konten untuk pengunjung tanpa langganan.
   Teks sudah disamarkan di server; blur hanya lapisan visual. */
.kl-blur{filter:blur(3.5px);user-select:none;pointer-events:none;letter-spacing:.5px}
.detail-panel .kl-blur{filter:blur(4px)}
.detail-description.is-trimmed{position:relative;padding-bottom:6px}
.detail-description.is-trimmed:after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:linear-gradient(180deg,rgba(11,13,16,0),var(--kl-black))}

/* Chip wilayah di marketplace */
.region-chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:18px 0 2px}
.region-chips-label{color:#7d8c97;font-size:10px;font-weight:800;letter-spacing:1.4px;margin-right:4px}
.region-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid #D7E0E8;background:#fff;color:#53687a;font-size:11px;font-weight:600;text-decoration:none;transition:border-color .18s,color .18s,background .18s}
.region-chip:hover{border-color:#7DB8E3;color:var(--kl-blue-dark)}
.region-chip span{color:#9AA6AF;font-size:10px}
.region-chip.active{background:var(--kl-blue);border-color:var(--kl-blue);color:#fff}
.region-chip.active span{color:rgba(255,255,255,.75)}
.region-tag{display:inline-flex;align-items:center;padding:5px 8px;background:#EAF4FC;color:var(--kl-blue-dark);font-size:10px;font-weight:700}
.detail-region{margin-left:8px;padding:3px 7px;background:rgba(255,255,255,.1);color:#BBD0E0;font-size:9px;font-weight:700}

/* Persyaratan pada panel detail */
.detail-subtitle{display:block;color:#8BA2B4;font-size:9px;font-weight:800;letter-spacing:1.4px;margin:18px 0 10px}
.detail-requirements ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.detail-requirements li{display:flex;align-items:flex-start;gap:8px;color:#C4CFD8;font-size:11px;line-height:1.5}
.detail-requirements svg{width:14px;height:14px;flex:none;margin-top:1px;color:var(--kl-blue-bright)}
.detail-lock{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:13px 12px;border:1px solid rgba(63,169,245,.35);background:rgba(63,169,245,.1)}
.detail-lock svg{width:18px;height:18px;flex:none;color:var(--kl-blue-bright)}
.detail-lock strong{display:block;color:#fff;font-size:11px}
.detail-lock span{display:block;margin-top:4px;color:#A9BECE;font-size:10px;line-height:1.5}
.apply-button.is-locked{background:var(--kl-blue)}
.detail-activate{display:block;margin-top:10px;color:#9DB8CC;font-size:10px;text-align:center;text-decoration:underline}
.detail-activate:hover{color:#fff}

/* Pil status akses di header */
.access-pill{display:inline-flex;align-items:center;gap:6px;height:29px;padding:0 11px;border:1px solid #CFE0EE;background:#fff;color:var(--kl-blue-dark);font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}
.access-pill:hover{border-color:var(--kl-blue)}
.access-pill.is-active{background:#EAF4FC;border-color:#A9D3F2}

/* Wilayah di homepage */
.home-regions{background:#fff;padding:72px 0 78px}
.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:35px}
.region-card{padding:22px 20px;border:1px solid #DCE5EC;background:#F8FBFD;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.region-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(11,13,16,.08);border-color:#9CC8EC}
.region-card-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#E4F1FB;color:var(--kl-blue)}
.region-card-icon svg{width:19px;height:19px}
.region-card h3{margin:17px 0 6px;color:#12171C;font:700 18px/1.2 "Manrope",sans-serif;letter-spacing:-.5px}
.region-card p{margin:0;display:flex;align-items:center;gap:7px;color:#6E8190;font-size:11px}
.region-card svg{width:14px;height:14px;color:var(--kl-blue)}

/* Bagian langganan & aktivasi */
.subscribe-section{background:var(--kl-black);padding:74px 0;scroll-margin-top:84px}
.subscribe-inner{width:min(1190px,calc(100% - 56px));margin:0 auto;display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center}
.subscribe-copy .eyebrow{color:#85A4BD}
.subscribe-copy h2{margin:0;color:#fff;font:700 34px/1.12 "Manrope",sans-serif;letter-spacing:-1.4px}
.subscribe-price{display:flex;align-items:baseline;gap:10px;margin:20px 0 0}
.subscribe-price strong{color:var(--kl-blue-bright);font:800 26px/1 "Manrope",sans-serif}
.subscribe-price span{color:#8FA3B4;font-size:11px}
.subscribe-benefits{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:11px;max-width:430px}
.subscribe-benefits li{display:flex;align-items:flex-start;gap:9px;color:#C4CFD8;font-size:12px;line-height:1.5}
.subscribe-benefits svg{width:16px;height:16px;flex:none;margin-top:1px;padding:2px;border-radius:50%;background:rgba(63,169,245,.18);color:var(--kl-blue-bright)}
.subscribe-card{background:#fff;padding:26px 24px;box-shadow:0 20px 44px rgba(0,0,0,.28)}
.subscribe-step{display:inline-block;color:var(--kl-blue);font-size:9px;font-weight:800;letter-spacing:1.5px}
.subscribe-card h3{margin:11px 0 0;color:#12171C;font:700 20px/1.2 "Manrope",sans-serif;letter-spacing:-.6px}
.subscribe-help{margin:9px 0 0;color:#6E8190;font-size:11px;line-height:1.6}
.subscribe-help strong{color:#12171C}
.subscribe-primary{display:flex;align-items:center;justify-content:center;gap:9px;height:44px;margin-top:16px;background:var(--kl-blue);color:#fff;font-size:12px;font-weight:700;text-decoration:none;transition:background .18s}
.subscribe-primary:hover{background:var(--kl-blue-dark)}
.subscribe-primary svg{width:16px;height:16px}
.subscribe-secondary{display:inline-block;margin-top:16px;color:var(--kl-blue-dark);font-size:11px;font-weight:700;text-decoration:underline}
.subscribe-divider{display:flex;align-items:center;gap:10px;margin:22px 0 14px;color:var(--kl-blue);font-size:9px;font-weight:800;letter-spacing:1.5px}
.subscribe-divider:before,.subscribe-divider:after{content:"";flex:1;height:1px;background:#E2E9EE}
.subscribe-form{display:grid;gap:0;margin-top:12px}
.subscribe-form label{color:#607480;font-size:10px;font-weight:700;margin-bottom:6px}
.subscribe-form label span{color:#9AA6AF;font-weight:500}
.subscribe-form input{height:40px;margin-bottom:14px;padding:0 12px;border:1px solid #D7DFE6;background:#fff;color:#12171C;font-size:12px;outline:0}
.subscribe-form input:focus{border-color:var(--kl-blue)}
.subscribe-form #access_code{letter-spacing:1.5px;text-transform:uppercase;font-weight:700}
.subscribe-form button{height:44px;border:0;background:var(--kl-black);color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:background .18s}
.subscribe-form button:hover{background:var(--kl-blue)}
.subscribe-notice{margin:0 0 16px;padding:11px 12px;font-size:11px;line-height:1.5}
.subscribe-notice.ok{background:#EAF4FC;border:1px solid #A9D3F2;color:#1F4E6E}
.subscribe-notice.err{background:#FDECEC;border:1px solid #F3BDBD;color:#8C2F2F}

@media(max-width:900px){.region-grid{grid-template-columns:repeat(2,1fr)}.subscribe-inner{grid-template-columns:1fr;gap:34px}}
@media(max-width:720px){.region-chips{gap:7px;padding-top:15px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.region-chip{white-space:nowrap}.region-chips-label{display:none}.access-pill{margin-left:auto;height:27px;padding:0 9px;font-size:10px}.mobile-menu{margin-left:10px}.region-tag{display:none}}
@media(max-width:600px){.home-regions{padding:58px 0}.region-grid{grid-template-columns:1fr}.subscribe-section{padding:54px 0}.subscribe-inner{width:min(100% - 30px,540px)}.subscribe-copy h2{font-size:27px;letter-spacing:-1px}.subscribe-card{padding:22px 18px}.subscribe-benefits{gap:9px}}

/* ============================================================
   v1.2.0 — Akun, membership, dashboard, dan proteksi konten
   ============================================================ */

/* Proteksi salin. Hanya lapisan tambahan; data sensitif sudah tidak dikirim server. */
.kl-protected .job-card,.kl-protected .detail-panel,.kl-protected .mini-job-card,.kl-protected .dash-card{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}
.kl-protected input,.kl-protected textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}
.kl-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Alur langkah pada panel langganan */
.subscribe-flow{counter-reset:klstep;list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0}
.subscribe-flow li{counter-increment:klstep;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(255,255,255,.16);color:#A8B9C7;font-size:10px;font-weight:600}
.subscribe-flow li:before{content:counter(klstep);display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:rgba(63,169,245,.2);color:var(--kl-blue-bright);font-size:9px;font-weight:800}

/* Halaman akun (login, register, membership) */
.account-shell{background:#f4f8fb}
.account-section{padding:62px 0 78px}
.account-inner{width:min(1190px,calc(100% - 56px));margin:0 auto}
.account-split{display:grid;grid-template-columns:1fr .85fr;gap:62px;align-items:start}
.account-intro{background:var(--kl-black);color:#fff;padding:36px 32px;min-height:100%}
.account-intro .eyebrow{color:#85A4BD}
.account-intro h1{margin:0;color:#fff;font:800 36px/1.1 "Manrope",sans-serif;letter-spacing:-1.6px}
.account-intro h1 em{color:var(--kl-blue-bright);font-style:normal}
.account-lead{margin:18px 0 0;color:#A8B9C7;font-size:12px;line-height:1.7}
.account-lead strong{color:#fff}
.account-note{display:flex;align-items:center;gap:8px;margin:26px 0 0;color:#8FA3B4;font-size:10px}
.account-note svg{width:15px;height:15px;color:var(--kl-blue-bright)}
.account-required-note{margin:10px 0 0;color:#8FA3B4}
.subscribe-price-dark strong{color:var(--kl-blue-bright)}
.subscribe-benefits-dark li{color:#C4CFD8}
.account-card{background:#fff;border:1px solid #DCE5EC;padding:30px 28px;box-shadow:0 18px 38px rgba(11,13,16,.08)}
.account-card h2{margin:0 0 4px;color:#12171C;font:700 22px/1.2 "Manrope",sans-serif;letter-spacing:-.7px}
.account-form{display:grid;margin-top:16px}
.account-form label{color:#607480;font-size:10px;font-weight:700;margin-bottom:6px}
.account-form label span{color:#9AA6AF;font-weight:500}
.account-form label .kl-required{color:#D93B3B;font-weight:700;margin-left:2px}
.account-form input[type=text],.account-form input[type=email],.account-form input[type=password],.account-form input[type=tel]{height:42px;margin-bottom:14px;padding:0 12px;border:1px solid #D7DFE6;background:#fff;color:#12171C;font-size:12px;outline:0;width:100%}
.phone-input{display:flex;gap:8px;margin-bottom:14px}
.phone-input select{flex:0 0 auto;max-width:46%;height:42px;padding:0 8px;border:1px solid #D7DFE6;background:#fff;color:#12171C;font-size:12px;outline:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.phone-input input[type=tel]{flex:1;min-width:0;margin-bottom:0}
.account-form input:focus{border-color:var(--kl-blue)}
.account-form #access_code{letter-spacing:1.5px;text-transform:uppercase;font-weight:700}
.account-check{display:flex!important;align-items:center;gap:8px;margin-bottom:16px;color:#607480;font-size:11px;font-weight:500}
.account-form button{height:45px;border:0;background:var(--kl-black);color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:background .18s}
.account-form button:hover{background:var(--kl-blue)}
.account-alt{margin:14px 0 0;color:#7C8D99;font-size:11px}
.account-alt a{color:var(--kl-blue-dark);font-weight:700;text-decoration:none}
.account-alt a:hover{text-decoration:underline}

/* Dashboard member */
.dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
.dashboard-head h1{margin:0;color:var(--kl-black);font:800 34px/1.1 "Manrope",sans-serif;letter-spacing:-1.6px}
.dashboard-head h1 em{color:var(--kl-blue);font-style:normal}
.dashboard-head-actions{display:flex;align-items:center;gap:16px}
.dash-logout{color:#7C8D99;font-size:11px;font-weight:700;text-decoration:none;border:1px solid #D7DFE6;background:#fff;padding:9px 14px}
.dash-logout:hover{border-color:var(--kl-blue);color:var(--kl-blue-dark)}
.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.dash-card{background:#fff;border:1px solid #DCE5EC;padding:22px 20px;min-width:0;overflow-wrap:break-word}
.dash-wide{grid-column:span 3}
.dash-kicker{display:block;color:var(--kl-blue);font-size:9px;font-weight:800;letter-spacing:1.5px;margin-bottom:12px}
.dash-card h2{margin:0 0 8px;color:#12171C;font:700 22px/1.2 "Manrope",sans-serif;letter-spacing:-.7px}
.dash-card p{margin:0;color:#6E8190;font-size:11px;line-height:1.6}
.dash-card p strong{color:#12171C}
.dash-status{background:#EAF4FC;border-color:#A9D3F2}
.dash-status.is-active{background:var(--kl-black);border-color:var(--kl-black)}
.dash-status.is-active .dash-kicker{color:var(--kl-blue-bright)}
.dash-status.is-active h2{color:#fff}
.dash-status.is-active p{color:#A8B9C7}
.dash-status.is-active p strong{color:#fff}
.dash-button{display:inline-flex;align-items:center;justify-content:center;height:38px;margin-top:16px;padding:0 15px;background:var(--kl-blue);color:#fff;font-size:11px;font-weight:700;text-decoration:none}
.dash-button:hover{background:var(--kl-blue-dark)}
.dash-button-ghost{background:#fff;border:1px solid #D7DFE6;color:var(--kl-blue-dark)}
.dash-button-ghost:hover{background:#EAF4FC;border-color:var(--kl-blue)}
.dash-help{margin:0 0 14px!important}
.dash-form{margin-top:4px}
.dash-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.dash-table{width:100%;border-collapse:collapse;min-width:420px}
.dash-table th{text-align:left;padding:0 12px 9px 0;border-bottom:1px solid #E4EBF1;color:#8494A0;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}
.dash-table td{padding:11px 12px 11px 0;border-bottom:1px solid #F0F4F7;color:#52687a;font-size:11px;white-space:nowrap}
.dash-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.dash-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #F0F4F7}
.dash-list a{display:grid;gap:3px;text-decoration:none;min-width:0}
.dash-list strong{color:#12171C;font-size:12px;font-weight:700}
.dash-list span{color:#7C8D99;font-size:10px}
.dash-list time{color:#9AA6AF;font-size:10px;white-space:nowrap}
.dash-empty{color:#7C8D99;font-size:11px;border-bottom:0!important}

@media(max-width:980px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-wide{grid-column:span 2}.account-split{grid-template-columns:1fr;gap:26px}.account-intro{padding:28px 24px}}
@media(max-width:720px){.account-inner{width:min(100% - 30px,540px)}.account-section{padding:36px 0 54px}.account-intro h1,.dashboard-head h1{font-size:28px;letter-spacing:-1.1px}.account-card{padding:24px 20px}.dashboard-head{flex-direction:column;align-items:flex-start;gap:14px}.subscribe-flow{gap:6px}.subscribe-flow li{font-size:9px;padding:6px 9px}}
@media(max-width:600px){.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dash-wide{grid-column:span 1}.dash-list li{align-items:flex-start;flex-direction:column;gap:5px}}

/* ============================================================
   v1.3.0 — Rantai status akses
   ============================================================ */
.status-chain{counter-reset:none;list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.status-step{display:grid;gap:5px;padding:11px 12px;border:1px solid #DCE5EC;background:#fff;border-left-width:3px;border-left-color:#C3CED8}
.status-title{color:#8494A0;font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}
.status-value{color:#12171C;font-size:11px;font-weight:700}
.status-step.tone-ok{border-left-color:#2E9E52;background:#F2FAF4}
.status-step.tone-ok .status-value{color:#1E6B2C}
.status-step.tone-wait{border-left-color:#D99A00;background:#FFFBF0}
.status-step.tone-wait .status-value{color:#8A6100}
.status-step.tone-bad{border-left-color:#C64545;background:#FDF4F4}
.status-step.tone-bad .status-value{color:#9A2B2B}
.status-chain-dark .status-step{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);border-left-color:rgba(255,255,255,.28)}
.status-chain-dark .status-title{color:#8FA3B4}
.status-chain-dark .status-value{color:#fff}
.status-chain-dark .status-step.tone-ok{background:rgba(63,169,245,.12);border-left-color:var(--kl-blue-bright)}
.status-chain-dark .status-step.tone-ok .status-value{color:var(--kl-blue-bright)}
.status-chain-dark .status-step.tone-wait{background:rgba(217,154,0,.12);border-left-color:#E8B33D}
.status-chain-dark .status-step.tone-wait .status-value{color:#E8B33D}
.status-chain-dark .status-step.tone-bad{background:rgba(198,69,69,.14);border-left-color:#E07878}
.status-chain-dark .status-step.tone-bad .status-value{color:#E58B8B}
.dash-chain-card{margin-bottom:14px}
.dash-chain-note{margin-top:14px!important}
.subscribe-primary-button{width:100%;border:0;cursor:pointer;font-family:inherit}
.subscribe-primary-button[disabled]{background:#C3CED8;cursor:not-allowed}
.apply-button.is-locked{background:var(--kl-blue)}
@media(max-width:980px){.status-chain{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.status-chain{grid-template-columns:1fr}}

/* ============================================================
   v1.4.0 — Batas akhir pendaftaran (deadline apply)
   ============================================================ */
.deadline-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;background:#F0F4F7;color:#52687A;font-size:10px;font-weight:700}
.deadline-chip.is-urgent{background:#FFF4D6;color:#8A6100}
.deadline-chip.is-closed{background:#FBE4E4;color:#9A2B2B}

.mini-job-deadline{display:flex;align-items:center;gap:5px;margin:8px 0 0;color:#7C8D99;font-size:10px;font-weight:600}
.mini-job-deadline.is-urgent{color:#8A6100}
.mini-job-deadline.is-closed{color:#9A2B2B}

.detail-deadline{display:flex;align-items:flex-start;gap:9px;margin:16px 0 0;padding:11px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-left:3px solid var(--kl-blue-bright)}
.detail-deadline span{color:#C4CFD8;font-size:11px;line-height:1.6}
.detail-deadline strong{color:#fff}
.detail-deadline em{color:#8FA3B4;font-style:normal}
.detail-deadline.is-urgent{border-left-color:#E8B33D;background:rgba(217,154,0,.1)}
.detail-deadline.is-closed{border-left-color:#E07878;background:rgba(198,69,69,.12)}

.apply-button.is-closed{background:#5A6873;cursor:not-allowed;pointer-events:none}

@media(max-width:720px){.deadline-chip{font-size:9px;padding:4px 7px}}
.job-card.is-closed{opacity:.6}
.job-card.is-closed:hover{opacity:.85}

/* ============================================================
   v1.5.0 — Batas klik harian & anti-scraping
   ============================================================ */

/* Jebakan honeypot: tersembunyi total dari manusia (tak ada di alur visual,
   tak terjangkau tab/pembaca layar) tapi tetap ada di HTML mentah untuk
   pengurai otomatis yang mengabaikan CSS. Jangan gunakan display:none atau
   visibility:hidden saja -- keduanya terlalu mudah dikenali sebagai jebakan. */
.kl-trap{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;left:-9999px!important}

.click-limit-banner{display:flex;align-items:flex-start;gap:10px;margin:14px 0;padding:12px 14px;background:#FFF4D6;border:1px solid #F0D68A}
.click-limit-banner svg{width:17px;height:17px;flex:none;margin-top:1px;color:#8A6100}
.click-limit-banner strong{display:block;color:#5A4300;font-size:11px}
.click-limit-banner span{display:block;margin-top:3px;color:#7A5E00;font-size:10px;line-height:1.6}
.detail-lock.is-click-limit{border-color:rgba(217,154,0,.4);background:rgba(217,154,0,.1)}
.detail-lock.is-click-limit svg{color:#E8B33D}

@media(max-width:720px){.click-limit-banner{padding:10px 12px}}

/* v1.5.1 — ikon jam pada batas lamar dihapus di semua halaman */
.deadline-chip svg,.mini-job-deadline svg,.detail-deadline svg{display:none!important}