@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
.recruitment-body{color:#111827;background:#fff;font-family:Plus Jakarta Sans,sans-serif}.recruitment-hero-bg{background-image:url(/backround_feature_lancar.png);background-position:top;background-repeat:no-repeat;background-size:cover;padding:16px 0 64px;position:relative;overflow:hidden}.container{width:1400px;max-width:98%;margin:0 auto;padding:0 16px}@media (max-width:768px){.container{max-width:100%;padding:0 20px}}.recruitment-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;min-height:520px;padding:24px 0 10px;display:grid}.hero-copy{flex-direction:column;justify-content:center;max-width:680px;margin-top:-30px;display:flex}.hero-copy h1{color:#111827;margin-bottom:28px;font-family:Plus Jakarta Sans,sans-serif;font-size:48px;font-weight:800;line-height:1.2}.hero-copy h1 .blue{color:#2563eb}.hero-copy h1 .purple{color:#9333ea}.hero-copy p{color:#4b5563;max-width:580px;margin-bottom:34px;font-size:1rem;line-height:1.8}.hero-btns{align-items:center;gap:14px;display:flex}.btn-hero-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:999px;align-items:center;gap:8px;padding:13px 30px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #2563eb59}.btn-hero-primary:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 22px #2563eb73}.btn-arrow{font-size:16px;line-height:1;transition:transform .2s;display:inline-block}.btn-hero-primary:hover .btn-arrow{transform:translate(3px)}.btn-hero-outline{color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0000000a}.btn-hero-outline:hover{color:#2563eb;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 14px #2563eb1f}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-preview-wrapper{justify-content:center;align-items:center;width:100%;max-width:620px;display:flex;position:relative}.hero-preview-image{object-fit:cover;border-radius:18px;width:100%;max-width:620px;height:auto;display:block;box-shadow:0 24px 55px #0f172a24,0 0 0 1px #0000000a}.hero-floating-widget{z-index:10;-webkit-backdrop-filter:blur(16px);white-space:nowrap;background:#fffffff2;border:1.5px solid #e2e8f0e6;border-radius:16px;align-items:center;gap:12px;padding:10px 16px;animation:4s ease-in-out infinite alternate floatWidget;display:inline-flex;position:absolute;box-shadow:0 14px 34px #0f172a1f,0 2px 8px #0f172a0a}.widget-top-right{top:-16px;right:-20px}.widget-bottom-left{animation-delay:-2s;bottom:24px;left:-24px}@keyframes floatWidget{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.widget-icon{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.widget-info{flex-direction:column;line-height:1.35;display:flex}.widget-subtitle{color:#64748b;letter-spacing:.2px;font-size:11px;font-weight:600}.widget-title{color:#0f172a;font-size:13.5px;font-weight:700}.stats{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px;display:grid}.stat-card{-webkit-backdrop-filter:blur(16px);background:#ffffffe6;border-radius:20px;flex-direction:column;justify-content:center;min-height:115px;padding:24px 28px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #0f172a0f}.stat-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0f172a1a}.stat-card--amber{border:1.5px solid #8a5a15}.stat-card--amber .stat-number{color:#111827}.stat-card--blue{border:1.5px solid #2563eb}.stat-card--blue .stat-number{color:#111827}.stat-card--purple{border:1.5px solid #8b45ff}.stat-card--purple .stat-number{color:#111827}.stat-number{font-size:28px;font-weight:800;line-height:1}.stat-label{color:#4b5563;margin-top:8px;font-size:14px;font-weight:500;line-height:1.5}.section{margin-top:65px}.grid{grid-template-columns:1fr 1fr;align-items:center;gap:55px;display:grid}.section-feature-block{margin-top:80px}.image-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 16px 40px #0f172a14,0 0 0 1px #0000000a}.image-card img{object-fit:cover;width:100%;height:auto;display:block}.badge{color:#7b3ff2;text-transform:uppercase;letter-spacing:.05em;background:0 0;border-radius:0;align-items:center;gap:8px;margin-bottom:12px;padding:0;font-size:13px;font-weight:700;display:flex}.title{color:#0b4a9e;letter-spacing:-.02em;margin-bottom:16px;font-size:32px;font-weight:800}.desc{color:#505050;max-width:540px;font-size:15px;line-height:1.8}.metric-row{grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;display:grid}.metric-card{text-align:center;background:#fff;border:1px solid #e2e8f0cc;border-radius:18px;padding:20px 24px;box-shadow:0 10px 30px #0f172a0f}.metric-card h3{color:#0b4a9e;margin-bottom:6px;font-size:26px;font-weight:800}.metric-card:nth-child(2) h3{color:#7b3ff2}.metric-card p{color:#64748b;margin:0;font-size:14px;font-weight:500}.assessment{margin-top:85px}.assessment-title{color:#0b4a9e;letter-spacing:-.02em;margin-bottom:16px;font-size:32px;font-weight:800}.assessment-desc{color:#505050;max-width:520px;font-size:15px;line-height:1.8}.tags{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.tag{color:#1e40af;background:#dbeafe;border-radius:999px;padding:8px 18px;font-size:13.5px;font-weight:600}.skill{margin-bottom:28px}.skill:last-child{margin-bottom:0}.skill-header{color:#333;align-items:center;gap:10px;margin-bottom:10px;font-size:14px;display:flex}.progress{background:#dfe7f7;border-radius:20px;width:100%;height:10px;overflow:hidden}.bar{border-radius:20px;height:100%}.bar-blue{background:#0b4a9e;width:80%}.bar-purple{background:#7b3ff2;width:67%}.bar-gold{background:#f0af49;width:90%}@media (max-width:1200px){.hero-copy h1{font-size:40px}.recruitment-hero{gap:36px}}@media (max-width:1040px){.recruitment-hero{text-align:center;grid-template-columns:1fr;display:grid}.feature-grid{text-align:center;grid-template-columns:1fr}.hero-copy{grid-row:2;align-items:center;margin-top:32px}.hero-copy p{margin-left:auto;margin-right:auto}.hero-btns{justify-content:center}.hero-visual{grid-row:1;max-width:480px;margin:0 auto}.hero-preview-image{max-width:100%}}@media (max-width:991px){.stats{grid-template-columns:1fr}.grid{grid-template-columns:1fr;gap:32px}.metric-row{grid-template-columns:1fr 1fr}.assessment{margin-top:50px}}@media (max-width:780px){.recruitment-hero-bg{padding-top:24px;padding-bottom:24px}.hero-copy h1{font-size:32px;line-height:1.25}.hero-copy h1 br{display:none}.hero-btns{flex-direction:column;align-items:stretch;gap:12px}.btn-hero-primary,.btn-hero-outline{text-align:center;justify-content:center;width:100%}.stats{grid-template-columns:1fr;margin-top:24px;padding:0}.title{font-size:26px}.metric-row{grid-template-columns:1fr}.section{margin-top:40px}.assessment-title,.report-section-title{font-size:24px}}@media (max-width:600px){.hero-copy h1{font-size:28px}.assessment{margin-top:32px;padding-bottom:16px}}.interview-hero{grid-template-columns:1fr 1fr;align-items:center;gap:55px;margin-top:85px;margin-bottom:80px;display:grid}.interview-hero-image-wrap{width:100%}.interview-hero-img{width:100%;height:auto;display:block}.interview-hero-content{width:100%}.interview-hero-content h2{color:#0b4a9e;letter-spacing:-.02em;margin-bottom:16px;font-size:32px;font-weight:800;line-height:1.25}.interview-hero-content p{color:#505050;margin-bottom:20px;font-size:15px;line-height:1.8}.interview-quote{color:#3b0764;background:#faf5ff;border:1px solid #f3e8ff;border-radius:14px;padding:18px 22px;font-size:14.5px;font-style:italic;line-height:1.7}@media (max-width:900px){.interview-hero{grid-template-columns:1fr;gap:32px;margin-top:48px;margin-bottom:48px}.interview-hero-image-wrap{width:100%;max-width:480px;margin:0 auto}.interview-hero-content{width:100%}}@media (max-width:640px){.interview-hero{gap:24px;margin-top:32px;margin-bottom:32px}.interview-hero-content h2{font-size:22px}.interview-hero-content p{font-size:14px}}@media (max-width:600px){.interview-hero{gap:20px;margin-top:24px;margin-bottom:32px}.interview-hero-image-wrap{max-width:100%}.interview-hero-content h2{font-size:20px}}.recruitment-report-section{background:#f6f7fc;width:100%;padding:80px 0}.report-section-container{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}@media (max-width:768px){.report-section-container{padding:0 20px}}.report-section-title{text-align:center;color:#0b3f8c;letter-spacing:-.02em;margin-bottom:16px;font-size:32px;font-weight:800}.report-section-subtitle{text-align:center;color:#636b77;max-width:680px;margin:0 auto 52px;font-size:15px;line-height:1.8}.report-cards{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:900px){.report-cards{grid-template-columns:1fr;max-width:500px;margin:0 auto}.report-section-title{font-size:26px}.recruitment-report-section{padding:56px 0}}@media (max-width:640px){.report-section-title{font-size:22px}.report-section-subtitle{margin-bottom:36px;font-size:14px}.recruitment-report-section{padding:40px 0}}@media (max-width:600px){.report-section-title{font-size:20px}.recruitment-report-section{padding:32px 0}}.report-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:28px 24px;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 24px #0f172a0d}.report-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0f172a14}.report-card-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:20px;font-size:20px;display:flex}.report-card-icon.blue-bg{background:#eef4ff}.report-card-icon.purple-bg{background:#f3ebff}.report-card-icon.gold-bg{background:#fef3c7}.report-card h3{color:#0b3f8c;margin-bottom:12px;font-size:18px;font-weight:700}.report-card p{color:#636b77;margin:0;font-size:14px;line-height:1.75}@media (max-width:480px){.hero-copy h1{font-size:26px}.title,.assessment-title,.interview-hero-content h2,.report-section-title{font-size:22px}.interview-quote{padding:14px 16px;font-size:13.5px}.report-card{border-radius:16px;padding:22px 18px}}