:root{--career-paper:#f5f0e0;--career-espresso:#2e1f14;--career-deep:#1f130b;--career-red:#75211f;--career-olive:#575c33;--career-sage:#6b7a4d;--career-gold:#e5d4a8;--career-light:#f8f2eb}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--career-paper);color:var(--career-espresso);font-family:"Montserrat",sans-serif}
a{color:inherit;text-decoration:none}
.career-skip{position:fixed;z-index:20;top:12px;left:12px;padding:10px 14px;background:#fff;transform:translateY(-160%)}
.career-skip:focus{transform:none}
#career-main{width:100%;overflow:hidden}
.career-hero{background:var(--career-red);color:var(--career-paper)}
.career-header{display:flex;height:80px;align-items:center;justify-content:space-between;padding:0 24px}
.career-location{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;letter-spacing:1.92px}
.career-location i{display:block;width:16px;height:16px;border-radius:50%;background:var(--career-paper)}
.career-home{font-size:11px;font-weight:500;letter-spacing:1.32px}
.career-hero-inner{display:flex;flex-direction:column;gap:44px;padding:56px 24px 72px}
.career-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:26px}
.career-eyebrow{margin:0;color:var(--career-gold);font-size:11px;font-weight:500;letter-spacing:1.76px}
.career-hero h1{max-width:696px;margin:0;font-size:clamp(39px,11vw,54px);line-height:1.12;font-weight:600;letter-spacing:-1px}
.career-hero-copy>p:not(.career-eyebrow){max-width:696px;margin:0;font-size:15px;line-height:25px;opacity:.9}
.career-primary{display:flex;min-width:220px;height:56px;align-items:center;justify-content:center;margin-top:6px;padding:0 24px;border-radius:8px;background:var(--career-paper);color:var(--career-espresso);font-size:13px;font-weight:600;letter-spacing:.5px}
.career-compass{display:flex;align-items:center;justify-content:center}
.career-compass-wheel{position:relative;width:min(88vw,420px);aspect-ratio:1}
.career-compass-piece,.career-compass-outline,.career-compass-hub{position:absolute;display:block}
.career-compass-piece img,.career-compass-outline,.career-compass-hub{width:100%;height:100%}
.piece-viec{left:11.9048%;top:23.0619%;width:38.0952%;height:53.8748%}
.piece-minh{left:23.0619%;top:11.9048%;width:53.8748%;height:38.0952%}
.piece-nguoi{left:50%;top:23.0619%;width:38.0952%;height:53.8748%}
.piece-buoc{left:23.0619%;top:50%;width:53.8748%;height:38.0952%}
.career-compass-outline{left:11.9%;top:11.9%;width:76.2%;height:76.2%}
.career-compass-hub{left:42.38%;top:42.38%;width:15.24%;height:15.24%}
.career-compass-wheel strong{position:absolute;font-size:clamp(10px,2.8vw,13px);font-weight:700;letter-spacing:.52px;white-space:nowrap}
.label-viec{left:15.7%;top:47.6%}.label-minh{left:43.3%;top:16.7%}.label-nguoi{left:69%;top:47.6%}.label-buoc{left:42.9%;top:80%}
.career-intro{display:flex;flex-direction:column;gap:18px;padding:72px 24px 40px}
.career-intro h2{margin:0;font-size:32px;line-height:1.22;font-weight:600}
.career-intro p{margin:0;font-size:15px;line-height:25px;opacity:.8}
.career-doors{display:grid;gap:16px;padding:0 24px 72px}
.career-door{display:flex;min-height:248px;flex-direction:column;align-items:flex-start;gap:16px;padding:28px;border-radius:12px;color:var(--career-paper)}
.career-door p,.career-door h2,.career-door div{margin:0}
.career-door p{color:var(--career-gold);font-size:11px;font-weight:600;letter-spacing:1.3px}
.career-door h2{font-size:21px;line-height:1.25;font-weight:600}
.career-door div{font-size:14px;line-height:1.55;opacity:.9}
.career-door a{display:flex;align-items:center;gap:8px;margin-top:auto;font-size:13px;font-weight:600;opacity:.86}
.career-door a span{color:var(--career-gold);font-size:20px}
.door-viec{background:var(--career-olive)}.door-nguoi{background:var(--career-espresso)}.door-minh{background:var(--career-red)}
.door-buoc{background:var(--career-gold);color:var(--career-espresso)}.door-buoc p,.door-buoc a span{color:var(--career-espresso)}
.career-footer{display:flex;flex-direction:column;gap:48px;padding:64px 24px 48px;background:var(--career-deep);color:var(--career-light)}
.career-deeper{display:flex;flex-direction:column;gap:36px}
.career-deeper-heading{display:flex;flex-direction:column;gap:16px}
.career-deeper-heading h2{margin:0;font-size:32px;line-height:1.28;font-weight:600}
.career-divider,.career-footer-divider{display:block;width:100%;height:1px;background:rgba(248,242,235,.16)}
.career-deeper-heading p{display:flex;gap:12px;margin:0;color:rgba(248,242,235,.62);font-size:13px;line-height:20px}
.career-deeper-heading p i{display:block;flex:0 0 4px;height:40px;border-radius:2px;background:var(--career-olive)}
.career-paths{display:grid;gap:16px}
.career-paths>a,.career-path-current{display:grid;min-height:157px;grid-template-rows:auto 1fr auto;gap:16px;padding:28px;border:1px solid rgba(248,242,235,.18);border-radius:16px;background:rgba(248,242,235,.08)}
.career-paths strong{color:var(--career-gold);font-size:11px;letter-spacing:1.32px}
.career-paths span{color:rgba(248,242,235,.78);font-size:14px;line-height:22px}
.career-paths em{justify-self:end;color:var(--career-gold);font-size:20px;font-style:normal}
.career-footer-closing{display:flex;flex-direction:column;gap:24px;width:100%}
.career-footer-bottom{display:flex;flex-direction:column;gap:30px}
.career-closing{display:flex;align-items:center;gap:16px}.career-closing>img{display:block;width:56px;height:42px;object-fit:contain}.career-closing>span{display:flex;flex-direction:column;gap:4px}.career-closing strong{font-size:13px;font-weight:500}.career-closing small{color:rgba(248,242,235,.52);font-size:9px;font-weight:500;letter-spacing:1.4px}
.career-footer nav{display:flex;gap:24px;color:var(--career-gold);font-size:10px;font-weight:600;letter-spacing:1.2px}
@media (hover:hover){.career-primary:hover{transform:translateY(-2px)}.career-door:hover,.career-paths>a:hover{filter:brightness(1.06)}.career-home:hover,.career-footer a:hover{color:var(--career-gold)}}
@media (min-width:760px){.career-header{padding:0 48px}.career-hero-inner{padding-inline:48px}.career-intro,.career-doors{padding-inline:48px}.career-doors{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.career-footer{padding-inline:48px}.career-paths{grid-template-columns:repeat(2,minmax(0,1fr))}.career-footer-bottom{flex-direction:row;align-items:center;justify-content:space-between}}
@media (min-width:1024px){.career-header{height:88px;padding:0 80px}.career-hero-inner{display:grid;min-height:556px;grid-template-columns:minmax(0,696px) 520px;align-items:center;gap:64px;padding:80px 80px 96px}.career-hero h1{font-size:48px;line-height:60px}.career-hero-copy{gap:32px}.career-hero-copy>p:not(.career-eyebrow){font-size:16px;line-height:26px}.career-compass{height:380px}.career-compass-wheel{flex:0 0 420px;width:420px}.career-intro{gap:20px;padding:96px 80px 48px}.career-intro h2{font-size:36px;line-height:44px}.career-intro p{font-size:16px;line-height:26px}.career-doors{gap:24px;padding:0 80px 96px}.career-door{height:260px;padding:32px}.career-door h2{font-size:22px}.career-door div{font-size:15px;line-height:1.5}.career-footer{gap:64px;padding:80px 80px 64px}.career-deeper{display:grid;grid-template-columns:400px minmax(0,1fr);align-items:center;gap:80px}.career-deeper-heading h2{font-size:36px;line-height:46px}.career-paths{gap:24px}.career-paths>a,.career-path-current{padding:32px}.career-paths span{font-size:15px}}
@media (min-width:1400px){#career-main{max-width:1440px;margin:0 auto}.career-hero-inner{grid-template-columns:696px 520px}}
