:root{--bg:#f7f9fc;--surface:#fff;--ink:#172033;--muted:#5f6f89;--line:#dce3ee;--brand:#1769c2;--brand-dark:#12539b;--brand-soft:#eef6ff;--success:#1f8a5b;--warning:#b76e00;--danger:#c2413b;--shadow:0 12px 32px rgba(23,32,51,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}p{color:var(--muted);line-height:1.7}.container{width:min(1180px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{height:66px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px;font-weight:800}.logo{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--brand-dark);color:white;font-weight:900}.brand small{display:block;color:var(--muted);font-size:12px}.nav-links{display:flex;gap:4px;align-items:center}.nav-links a{padding:10px 12px;border-radius:10px;font-size:14px;font-weight:700;color:#42526b}.nav-links a:hover,.nav-links a.active{background:var(--brand-soft);color:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--brand);background:var(--brand);color:white;border-radius:12px;padding:11px 16px;font-weight:800}.btn:hover{background:var(--brand-dark)}.btn.secondary{background:white;color:var(--brand);border-color:var(--line)}.hero{background:white;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;padding:72px 0;align-items:center}.eyebrow{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--brand)}h1{font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-2.2px;margin:14px 0}h2{font-size:clamp(28px,4vw,42px);line-height:1.08;letter-spacing:-1.4px;margin:0 0 12px}h3{margin:0;font-size:19px}.hero p{font-size:18px;max-width:680px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.panel,.card{background:white;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.progress-list{display:grid;gap:14px}.progress-list div{display:flex;gap:12px;align-items:center}.num{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-weight:900}.section{padding:58px 0}.section-head{max-width:760px;margin-bottom:28px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.module-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.module-list div{background:white;border:1px solid var(--line);border-radius:16px;padding:16px;font-weight:800}.module-list span{color:var(--brand);margin-right:10px}.badge{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:var(--brand-soft);color:var(--brand)}.badge.amber{background:#fff7e8;color:var(--warning)}.badge.red{background:#fff0f0;color:var(--danger)}.meta{font-size:14px;color:var(--muted)}.job-card:hover,.card:hover{border-color:#b9d7f5}.card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.page-head{background:white;border-bottom:1px solid var(--line);padding:44px 0}.layout{display:grid;grid-template-columns:280px 1fr;gap:22px}.filter label{display:block;margin-top:14px;font-size:14px;font-weight:800}.input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:white;margin-top:8px}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:20px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:15px;border-bottom:1px solid var(--line)}th{font-size:12px;text-transform:uppercase;color:var(--muted);background:#f8fafc}.role-page{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:#0d2b4f;color:white;padding:24px}.sidebar .brand small{color:#b5c4d6}.sidebar nav{display:grid;gap:8px;margin-top:28px}.sidebar nav a{padding:12px 14px;border-radius:12px;color:#d9e4f2;font-weight:800}.sidebar nav a.active,.sidebar nav a:hover{background:white;color:#0d2b4f}.role-main{padding:32px}.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi b{font-size:32px}.pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.candidate{border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:10px;background:white}.empty,.loading{border:1px dashed var(--line);background:white;border-radius:20px;padding:24px;text-align:center}.skeleton{height:72px;border-radius:16px;background:linear-gradient(90deg,#e7edf5,#f5f7fb,#e7edf5);background-size:200% 100%;animation:load 1.2s infinite}@keyframes load{to{background-position:-200% 0}}.error{display:none;margin-top:10px;background:#fff0f0;color:var(--danger);font-weight:800;border-radius:12px;padding:10px}.footer{background:#0d2b4f;color:white;padding:42px 0;margin-top:40px}.footer p,.footer a{color:#b5c4d6}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px}.mobile{display:none}@media(max-width:900px){.nav-links{display:none}.mobile{display:block}.hero-grid,.layout,.role-page{grid-template-columns:1fr}.grid-2,.grid-3,.grid-4,.kpi,.pipeline,.footer-grid,.module-list{grid-template-columns:1fr}.role-main{padding:18px}.hero-grid{padding:44px 0}h1{font-size:40px}.sidebar{position:static}}
/* Visual refresh */
body{background:linear-gradient(180deg,#f7f9fc 0%,#ffffff 38%,#f7f9fc 100%)}
.site-header{box-shadow:0 8px 22px rgba(23,32,51,.04)}
.btn{box-shadow:0 8px 18px rgba(23,105,194,.18);transform:translateY(0);transition:.2s ease}.btn:hover{transform:translateY(-1px)}.btn.secondary{box-shadow:none}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 10%,#e8f7ef 0,#e8f7ef 18%,transparent 32%),linear-gradient(180deg,#ffffff 0%,#f3f8fe 100%)}.hero:after{content:"";position:absolute;left:-120px;bottom:-150px;width:360px;height:360px;border-radius:999px;background:#eef6ff}.hero-grid{position:relative;z-index:1}.hero-visual{position:relative}.hero-visual img{width:100%;display:block;border-radius:34px;box-shadow:0 26px 70px rgba(23,32,51,.14)}.trust-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.trust-strip span{background:white;border:1px solid var(--line);padding:8px 12px;border-radius:999px;color:#42526b;font-size:13px;font-weight:800}.visual-note{position:absolute;right:-12px;bottom:28px;background:#0d2b4f;color:white;border-radius:18px;padding:16px 18px;box-shadow:var(--shadow);max-width:210px}.visual-note b{display:block}.visual-note small{color:#b5c4d6}.section.alt{background:#fff;border-block:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step-card{position:relative;overflow:hidden;background:white;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.step-card:before{content:attr(data-step);position:absolute;right:18px;top:12px;font-size:56px;font-weight:900;color:#eef6ff;line-height:1}.step-card h3,.step-card p{position:relative}.illustration-band{background:white;border:1px solid var(--line);border-radius:28px;padding:14px;box-shadow:var(--shadow);overflow:hidden}.illustration-band img{width:100%;display:block}.persona-card{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--line);border-radius:24px;padding:22px}.persona-card .avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#0d2b4f;color:white;font-weight:900;margin-bottom:12px}.soft-card{background:linear-gradient(135deg,#ffffff,#f6fbff);border:1px solid #d8e9fa}.card,.panel{transition:.2s ease}.card:hover,.panel:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(23,32,51,.1)}.empty{display:grid;place-items:center}.empty img{max-width:220px;margin-bottom:10px}.role-main .panel{background:linear-gradient(135deg,#ffffff,#eef6ff)}.mini-flow{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.mini-flow span{padding:8px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:900}@media(max-width:900px){.steps{grid-template-columns:1fr}.visual-note{position:static;margin-top:12px}.hero-visual img{border-radius:22px}}
.role-main:before{content:"";display:block;height:118px;border-radius:28px;background:url('../img/process-map.svg') center/cover no-repeat;margin-bottom:22px;border:1px solid var(--line);box-shadow:var(--shadow)}
.admin-like.role-main:before{display:none}
/* Badge normalization: keep labels as compact pills, never circles */
.badge,.status-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:max-content!important;aspect-ratio:auto!important;flex:0 0 auto!important;align-self:flex-start!important;padding:6px 10px!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important;line-height:1.15!important;white-space:nowrap!important;background:var(--brand-soft)!important;color:var(--brand)!important;box-shadow:none!important}
.badge.amber,.status-pill.amber{background:#fff7e8!important;color:var(--warning)!important}.badge.red,.status-pill.red{background:#fff0f0!important;color:var(--danger)!important}.job-card>div:first-child{align-items:flex-start}.job-card h3{padding-right:8px}
/* Editorial warmth pass */
:root{--cream:#fbf7ef;--mint:#edf8f2;--sand:#fff7e8;--bluewash:#f3f8fe}
body{letter-spacing:-.01em}.container{width:min(1200px,calc(100% - 40px))}.site-header{border-bottom-color:#e9eef6}.nav{height:72px}.hero{background:radial-gradient(circle at 78% 16%,rgba(31,138,91,.13) 0,rgba(31,138,91,.13) 18%,transparent 35%),radial-gradient(circle at 12% 84%,rgba(249,182,74,.14) 0,rgba(249,182,74,.14) 20%,transparent 38%),linear-gradient(180deg,#fff 0%,#f7fbff 100%)}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);gap:56px;padding:82px 0 74px}.hero h1{max-width:780px}.hero p{color:#53657f}.section{padding:72px 0}.section-head{margin-bottom:34px}.section-head p{font-size:17px}.panel,.card,.persona-card,.step-card{border-color:#e4ebf4}.card{padding:24px}.card:nth-child(3n+1){background:linear-gradient(180deg,#fff,#fbfdff)}.card:nth-child(3n+2){background:linear-gradient(180deg,#fff,#fffbf3)}.card:nth-child(3n+3){background:linear-gradient(180deg,#fff,#f7fcfa)}.grid-2{gap:22px}.grid-3,.grid-4{gap:18px}.job-card{position:relative;overflow:hidden}.job-card:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:var(--brand)}.job-card:nth-child(even):before{background:var(--success)}.job-card>div,.job-card dl,.job-card .mini-flow,.job-card .card-foot{position:relative}.module-list{grid-template-columns:repeat(3,1fr);gap:14px}.module-list div{min-height:74px;display:flex;align-items:center;background:rgba(255,255,255,.78);backdrop-filter:blur(8px)}.module-list div:nth-child(4n+1){background:var(--bluewash)}.module-list div:nth-child(4n+2){background:var(--mint)}.module-list div:nth-child(4n+3){background:var(--sand)}.story-section{position:relative;background:linear-gradient(135deg,#0d2b4f,#174f8e);color:white;overflow:hidden}.story-section:before{content:"";position:absolute;right:-80px;top:-100px;width:260px;height:260px;border-radius:999px;background:rgba(255,255,255,.1)}.story-section p{color:#d7e4f3}.story-grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.story-list{display:grid;gap:12px}.story-list div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:16px}.feature-river{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-river .card:nth-child(odd){transform:translateY(18px)}.quote-card{background:var(--cream);border:1px solid #f0e3c8;border-radius:28px;padding:28px}.quote-card blockquote{font-size:24px;line-height:1.35;font-weight:800;margin:0;color:#26324a}.quote-card cite{display:block;margin-top:14px;color:var(--muted);font-style:normal}.page-head{background:linear-gradient(180deg,#fff,#f7fbff);padding:58px 0}.page-head h1{max-width:900px}.layout{gap:28px}.filter{position:sticky;top:94px}.role-main{background:linear-gradient(180deg,#f7f9fc,#fff)}.role-main .panel{border-radius:30px;padding:30px}.kpi{margin-top:18px}.kpi .card{min-height:126px}.pipeline .card{background:#fff}.visual-divider{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);margin:10px 0 30px}@media(max-width:900px){.container{width:min(100% - 28px,1200px)}.hero-grid,.story-grid,.feature-river{grid-template-columns:1fr}.hero-grid{padding:54px 0}.module-list{grid-template-columns:1fr}.feature-river .card:nth-child(odd){transform:none}.filter{position:static}.section{padding:48px 0}}
.feature-river .persona-card:nth-child(odd){transform:translateY(18px)}@media(max-width:900px){.feature-river .persona-card:nth-child(odd){transform:none}}
/* Training page redesign */
.training-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 84% 20%,rgba(249,182,74,.18),transparent 30%),linear-gradient(180deg,#ffffff,#f5f9ff);border-bottom:1px solid var(--line)}.training-hero:before{content:"";position:absolute;left:-90px;bottom:-120px;width:260px;height:260px;border-radius:999px;background:rgba(23,105,194,.08)}.training-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:42px;align-items:center;padding:74px 0}.training-hero h1{max-width:820px}.training-insight{background:#0d2b4f;color:white;border-radius:30px;padding:28px;box-shadow:0 26px 70px rgba(13,43,79,.22)}.training-insight p{color:#d7e4f3}.training-insight .course-path span{background:rgba(255,255,255,.12);color:white}.training-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:46px}.training-categories article{background:white;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow)}.training-categories span{display:block;color:var(--brand);font-weight:900;margin-bottom:10px}.training-categories b{display:block;font-size:18px}.training-categories p{margin-bottom:0;font-size:14px}.training-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center;margin-bottom:54px}.course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.course-card{display:grid;grid-template-columns:190px 1fr;min-height:300px;background:white;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:var(--shadow);transition:.22s ease}.course-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(23,32,51,.13)}.course-cover{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:22px;color:#0d2b4f;overflow:hidden}.course-cover:after{content:"";position:absolute;right:-42px;bottom:-42px;width:120px;height:120px;border-radius:999px;background:rgba(255,255,255,.42)}.course-cover span{position:relative;font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.06em}.course-cover b{position:relative;font-size:24px;line-height:1.05}.tone-1{background:#dff0ff}.tone-2{background:#e4f7ed}.tone-3{background:#fff1d6}.tone-4{background:#f1eaff}.course-body{padding:24px}.course-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.course-body h3{font-size:22px;line-height:1.15}.course-body p{margin-top:10px}.course-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.course-meta div{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:12px}.course-meta small{display:block;color:var(--muted);font-weight:800;margin-bottom:4px}.course-path{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.course-path span{background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.course-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.course-actions .btn{padding:10px 14px}.course-actions .btn.secondary{background:#fff}@media(max-width:1000px){.training-hero-grid,.training-story,.course-card{grid-template-columns:1fr}.training-insight{max-width:none}.training-categories,.course-grid{grid-template-columns:1fr 1fr}.course-cover{min-height:170px}}@media(max-width:680px){.training-categories,.course-grid{grid-template-columns:1fr}.training-hero-grid{padding:50px 0}.course-body{padding:20px}.course-meta{grid-template-columns:1fr}}
/* Certification page redesign */
.cert-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 14% 22%,rgba(23,105,194,.1),transparent 30%),linear-gradient(180deg,#ffffff,#f7fbff);border-bottom:1px solid var(--line)}.cert-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:44px;align-items:center;padding:74px 0}.cert-visual{position:relative}.cert-visual img{width:100%;display:block;border-radius:34px;box-shadow:0 24px 64px rgba(23,32,51,.12)}.cert-note{position:absolute;left:-18px;bottom:26px;max-width:250px;background:white;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow)}.cert-note b{display:block}.cert-note span{display:block;margin-top:6px;color:var(--muted);font-size:13px;line-height:1.5}.cert-process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:52px}.cert-process article{position:relative;overflow:hidden;background:white;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow)}.cert-process article:before{content:attr(data-step);display:block;color:var(--brand);font-weight:900;margin-bottom:12px}.cert-process b{font-size:18px}.cert-process p{font-size:14px;margin-bottom:0}.cert-story{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;align-items:center;margin-bottom:54px}.cert-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.cert-card{display:grid;grid-template-columns:150px 1fr;overflow:hidden;background:white;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);transition:.22s ease}.cert-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(23,32,51,.13)}.cert-seal{display:flex;flex-direction:column;justify-content:space-between;padding:22px;color:#0d2b4f}.cert-seal span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:white;font-size:26px;font-weight:900;box-shadow:0 10px 24px rgba(23,32,51,.1)}.cert-seal b{font-size:20px;line-height:1.05}.cert-seal.tone-blue{background:#dff0ff}.cert-seal.tone-green{background:#e4f7ed}.cert-seal.tone-amber{background:#fff1d6}.cert-seal.tone-purple{background:#f1eaff}.cert-content{padding:24px}.cert-content h3{font-size:22px;line-height:1.15}.cert-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.cert-meta div{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:12px}.cert-meta small{display:block;color:var(--muted);font-weight:800;margin-bottom:4px}.cert-empty{margin-top:28px}@media(max-width:1000px){.cert-hero-grid,.cert-story,.cert-card{grid-template-columns:1fr}.cert-grid,.cert-process{grid-template-columns:1fr 1fr}.cert-seal{min-height:150px}.cert-note{position:static;margin-top:12px;max-width:none}}@media(max-width:680px){.cert-grid,.cert-process{grid-template-columns:1fr}.cert-hero-grid{padding:50px 0}.cert-content{padding:20px}.cert-meta{grid-template-columns:1fr}}
/* Internship page redesign */
.intern-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(31,138,91,.14),transparent 32%),linear-gradient(180deg,#ffffff,#f6fbff);border-bottom:1px solid var(--line)}.intern-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:44px;align-items:center;padding:74px 0}.intern-visual{position:relative}.intern-visual img{width:100%;display:block;border-radius:34px;box-shadow:0 24px 64px rgba(23,32,51,.12)}.intern-note{position:absolute;right:-16px;bottom:28px;max-width:250px;background:#0d2b4f;color:white;border-radius:20px;padding:16px;box-shadow:var(--shadow)}.intern-note b{display:block}.intern-note span{display:block;color:#d7e4f3;margin-top:6px;font-size:13px;line-height:1.5}.intern-types{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:52px}.intern-types article{background:white;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:var(--shadow)}.intern-types span{display:inline-flex;background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:7px 11px;font-weight:900;font-size:12px;margin-bottom:16px}.intern-flow{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start;margin-bottom:54px}.steps.compact{grid-template-columns:repeat(2,1fr)}.steps.compact .step-card{min-height:150px}.intern-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.intern-card{display:grid;grid-template-columns:170px 1fr;overflow:hidden;background:white;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);transition:.22s ease}.intern-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(23,32,51,.13)}.intern-map{display:flex;flex-direction:column;justify-content:space-between;padding:22px;color:#0d2b4f;position:relative;overflow:hidden}.intern-map:after{content:"";position:absolute;right:-38px;bottom:-38px;width:118px;height:118px;border-radius:50%;background:rgba(255,255,255,.45)}.intern-map.local{background:#dff0ff}.intern-map.global{background:#fff1d6}.intern-map span{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:white;font-weight:900;box-shadow:0 10px 24px rgba(23,32,51,.1)}.intern-map b{position:relative;font-size:22px;line-height:1.1}.intern-body{padding:24px}.intern-body h3{font-size:22px;line-height:1.15}.intern-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.intern-meta div{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:12px}.intern-meta small{display:block;color:var(--muted);font-weight:800;margin-bottom:4px}@media(max-width:1000px){.intern-hero-grid,.intern-flow,.intern-card{grid-template-columns:1fr}.intern-types,.intern-grid{grid-template-columns:1fr 1fr}.intern-map{min-height:160px}.intern-note{position:static;margin-top:12px;max-width:none}}@media(max-width:680px){.intern-types,.intern-grid,.steps.compact{grid-template-columns:1fr}.intern-hero-grid{padding:50px 0}.intern-body{padding:20px}.intern-meta{grid-template-columns:1fr}}
/* Overseas placement redesign */
.overseas-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 20%,rgba(23,105,194,.13),transparent 32%),linear-gradient(180deg,#ffffff,#f7fbff);border-bottom:1px solid var(--line)}.overseas-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:46px;align-items:center;padding:76px 0}.overseas-visual{position:relative}.overseas-visual img{width:100%;display:block;border-radius:34px;box-shadow:0 24px 64px rgba(23,32,51,.12)}.overseas-note{position:absolute;left:-18px;bottom:28px;max-width:260px;background:white;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow)}.overseas-note b{display:block}.overseas-note span{display:block;color:var(--muted);margin-top:6px;font-size:13px;line-height:1.5}.placement-snapshot{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:54px}.placement-snapshot article{background:white;border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:var(--shadow)}.placement-snapshot span{display:inline-flex;background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;margin-bottom:14px}.placement-snapshot b{display:block;font-size:24px}.placement-flow{display:grid;grid-template-columns:.82fr 1.18fr;gap:28px;align-items:start;margin-bottom:56px}.country-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.country-card{display:grid;grid-template-columns:170px 1fr;overflow:hidden;background:white;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);transition:.22s ease}.country-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(23,32,51,.13)}.country-flag{display:flex;flex-direction:column;justify-content:space-between;padding:22px;color:#0d2b4f;position:relative;overflow:hidden}.country-flag:after{content:"";position:absolute;right:-38px;bottom:-38px;width:118px;height:118px;border-radius:50%;background:rgba(255,255,255,.45)}.country-flag span{position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:white;font-weight:900;box-shadow:0 10px 24px rgba(23,32,51,.1)}.country-flag b{position:relative;font-size:24px;line-height:1.05}.country-flag.risk-rendah{background:#e4f7ed}.country-flag.risk-sedang{background:#fff1d6}.country-flag.risk-tinggi{background:#ffe9e9}.country-body{padding:24px}.country-body h3{font-size:22px;line-height:1.15}.country-checks{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.country-checks span{background:#f8fafc;border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;color:#42526b}@media(max-width:1000px){.overseas-hero-grid,.placement-flow,.country-card{grid-template-columns:1fr}.placement-snapshot,.country-grid{grid-template-columns:1fr 1fr}.country-flag{min-height:160px}.overseas-note{position:static;margin-top:12px;max-width:none}}@media(max-width:680px){.placement-snapshot,.country-grid{grid-template-columns:1fr}.overseas-hero-grid{padding:50px 0}.country-body{padding:20px}}
/* Opportunity section redesign */
.opportunity-section{padding-top:84px}.opportunity-layout{display:grid;grid-template-columns:360px 1fr;gap:34px;align-items:start}.opportunity-copy{position:sticky;top:96px}.opportunity-copy h2{font-size:clamp(32px,4vw,52px)}.opportunity-insight{margin:24px 0;background:#0d2b4f;color:white;border-radius:24px;padding:22px;box-shadow:var(--shadow)}.opportunity-insight p{color:#d7e4f3;margin-bottom:0}.opportunity-list{display:grid;gap:18px}.opportunity-card{position:relative;overflow:hidden;background:white;border:1px solid var(--line);border-radius:30px;padding:26px;box-shadow:var(--shadow);transition:.22s ease}.opportunity-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(23,32,51,.13)}.opportunity-card:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:var(--brand)}.opportunity-card.overseas:before{background:#f9b64a}.opportunity-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.opportunity-kicker{display:inline-flex;margin-bottom:10px;color:var(--brand);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.opportunity-card.overseas .opportunity-kicker{color:var(--warning)}.opportunity-head h3{font-size:25px;line-height:1.15}.opportunity-head p{margin:10px 0 0}.opportunity-body{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.salary-block,.status-block{background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:15px}.salary-block small,.status-block small{display:block;color:var(--muted);font-weight:800;margin-bottom:6px}.salary-block b,.status-block b{font-size:18px}.readiness{display:flex;align-items:center;gap:12px;margin-top:18px}.readiness div{flex:1;height:10px;background:#edf2f7;border-radius:999px;overflow:hidden}.readiness span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),#1f8a5b);border-radius:999px}.readiness small{font-weight:900;color:#42526b;white-space:nowrap}.opportunity-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:18px;color:var(--muted);font-weight:700}.opportunity-foot a{color:var(--brand);font-weight:900}.opportunity-card.domestic{background:linear-gradient(180deg,#fff,#f8fbff)}.opportunity-card.overseas{background:linear-gradient(180deg,#fff,#fffbf3)}@media(max-width:1000px){.opportunity-layout{grid-template-columns:1fr}.opportunity-copy{position:static}.opportunity-body{grid-template-columns:1fr}}@media(max-width:680px){.opportunity-card{padding:22px}.opportunity-head{display:block}.opportunity-head .status-pill{margin-top:12px}.opportunity-foot{display:block}.opportunity-foot a{display:inline-flex;margin-top:10px}}