#noi-dung, .mobile-cta{--navy:#10243a;--ink:#1f2937;--muted:#5d6876;--orange:#f58220;--paper:#f4f6f8;--line:#dce2e8}
#noi-dung *{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
#noi-dung{font-family:'Be Vietnam Pro',sans-serif;color:var(--ink);font-size:16px;line-height:1.75;background:#fff}
#noi-dung a{color:var(--navy)}
#noi-dung a:hover{color:#ad4d00}
#noi-dung img{max-width:100%;height:auto}
#noi-dung h1,#noi-dung h2,#noi-dung h3{color:var(--navy);font-weight:700;line-height:1.3;letter-spacing:-.04em}
#noi-dung h2{font-size:36px;margin-bottom:24px}
#noi-dung h3{font-size:19px;letter-spacing:-.025em}
#noi-dung p{margin-bottom:20px}
#noi-dung a,#noi-dung button,#noi-dung input,#noi-dung select,#noi-dung summary{touch-action:manipulation}
#noi-dung a:focus-visible,#noi-dung button:focus-visible,#noi-dung input:focus-visible,#noi-dung select:focus-visible,#noi-dung summary:focus-visible{outline:3px solid #b95500;outline-offset:5px}
.skip-link{position:fixed;left:16px;top:-100px;background:white;padding:12px;z-index:2000}
.skip-link:focus{top:12px}
#noi-dung .section{padding:96px 0}
#noi-dung .section-soft{background:var(--paper)}
#noi-dung .section-heading{max-width:780px;margin-bottom:44px}
#noi-dung .section-heading p:last-child{color:var(--muted)}
#noi-dung .eyebrow{font-size:18px;letter-spacing:.15em;font-weight:700;color:#a54c06;margin-bottom:18px}
#noi-dung .eyebrow.light{color:#ffc28e}
#noi-dung .muted{color:var(--muted)}
#noi-dung .btn{font-size:13px;font-weight:700;border-radius:6px;padding:15px 22px;line-height:1.6;min-height:48px;white-space:normal}
#noi-dung .btn-primary{background:var(--orange);border-color:var(--orange);color:#10243a}
#noi-dung .btn-primary:hover,#noi-dung .btn-primary:focus,#noi-dung .btn-primary:not(:disabled):not(.disabled):active{background:#ffad63;border-color:#ffad63;color:#10243a}
#noi-dung .btn-primary:disabled{background:#edc4a0;border-color:#edc4a0;color:#344455}
#noi-dung .btn i{margin-left:12px;font-size:12px}
#noi-dung .hero{position:relative;min-height:650px;background:#102039;overflow:hidden;color:#fff;display:flex;align-items:center}
#noi-dung .hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
#noi-dung .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,25,44,.94),rgba(10,25,44,.8) 30%,rgba(10,25,44,.3) 55%,transparent 75%)}
#noi-dung .hero-content{position:relative;z-index:1;padding-top:74px;padding-bottom:84px}
#noi-dung .hero-copy{max-width:580px}
#noi-dung .hero h1{color:#fff;font-size:54px;line-height:1.22;letter-spacing:-.055em;margin-bottom:20px}
#noi-dung .hero h1 span,#noi-dung .registration h2 span{color:#ffab60}
#noi-dung .hero-subtitle{font-size:20px;font-weight:600;letter-spacing:-.02em;margin-bottom:16px}
#noi-dung .hero-description{max-width:465px;color:#d7dfe9;font-size:15px;line-height:1.9}
#noi-dung .hero-actions{display:flex;gap:22px;align-items:center;margin-top:30px;flex-wrap:wrap}
#noi-dung .hero-link{color:#fff;font-size:12px;text-decoration:underline;text-underline-offset:5px;padding:10px 0}
#noi-dung .hero-link:hover{color:#ffb97e}
#noi-dung .hero-link span{font-size:20px;margin-left:6px}
#noi-dung .hero-tools{display:flex;align-items:center;gap:0;margin-top:36px;color:#dce4ec;font-size:11px;letter-spacing:.03em}
#noi-dung .hero-tools span+span{border-left:1px solid #738095;padding-left:17px;margin-left:17px}
#noi-dung .hero-tools span:first-child{font-size:10px;font-weight:700;letter-spacing:.1em}
#noi-dung .hero-caption{position:absolute;z-index:2;bottom:12px;right:22px;color:#fff;font-size:10px;background:#10243acc;padding:3px 8px;border-radius:3px}
#noi-dung .record-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:9px;vertical-align:middle}
#noi-dung .course-facts{border-bottom:1px solid var(--line);background:#fff}
#noi-dung .facts-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0}
#noi-dung .facts-grid>div{padding:0 28px;border-right:1px solid var(--line)}
#noi-dung .facts-grid>div:first-child{padding-left:0}
#noi-dung .facts-grid>div:last-child{border:0}
#noi-dung .facts-grid strong{font-size:33px;display:block;line-height:1.5;color:var(--navy);letter-spacing:-.04em}
#noi-dung .facts-grid small{font-size:14px;font-weight:500;letter-spacing:0}
#noi-dung .facts-grid span{font-size:11px;color:var(--muted)}
#noi-dung .audience-card{border-top:1px solid #b9c3ce;padding:22px 0 0;height:100%}
#noi-dung .card-number{display:block;font-size:12px;font-weight:700;color:#a24c07;margin-bottom:24px}
#noi-dung .audience-card h3{font-size:19px;line-height:1.5;margin-bottom:17px}
#noi-dung .audience-card p{font-size:13px;color:var(--muted);line-height:1.9}
#noi-dung .outcome-grid article{padding:27px 25px;background:#fff;border:1px solid #e2e7ec;border-radius:8px;height:100%}
#noi-dung .outcome-grid>div{margin-bottom:24px}
#noi-dung .outcome-grid i{color:#a64c05;font-size:21px;display:block;margin-bottom:22px}
#noi-dung .outcome-grid h3{font-size:17px;margin-bottom:12px}
#noi-dung .outcome-grid p{font-size:13px;color:var(--muted);margin-bottom:0}
#noi-dung .output-note{padding:25px 30px;border-left:3px solid var(--orange);background:#fff;margin-top:12px}
#noi-dung .output-note>span{display:block;font-size:12px;color:var(--muted)}
#noi-dung .output-note .output-label{font-size:10px;font-weight:700;letter-spacing:.12em;color:#a44b04;margin-bottom:9px}
#noi-dung .output-note strong{font-size:19px;color:var(--navy);display:block;margin-bottom:6px}
#noi-dung .output-note b{color:#ae5109;margin:0 10px}
#noi-dung .split-row{row-gap:36px}
#noi-dung .split-copy{padding-left:44px}
#noi-dung .editorial-image{position:relative;margin:0}
#noi-dung .editorial-image img{border-radius:10px;width:100%;aspect-ratio:3/2;object-fit:cover}
#noi-dung .editorial-image figcaption{font-size:10px;color:var(--muted);margin-top:10px}
#noi-dung .image-label{position:absolute;left:22px;bottom:53px;padding:7px 12px;border:1px solid #ffffff80;color:#fff;background:#10243abf;font-size:10px;letter-spacing:.13em}
#noi-dung .split-copy>p:not(.eyebrow){font-size:14px;color:var(--muted)}
#noi-dung .method-list{list-style:none;padding:0;margin:30px 0 0}
#noi-dung .method-list li{display:flex;gap:16px;margin-top:19px}
#noi-dung .method-list li>span{color:#a54a02;font-weight:700;font-size:11px;flex-shrink:0;margin-top:3px}
#noi-dung .method-list h3{font-size:15px;margin-bottom:5px}
#noi-dung .method-list p{font-size:12px;color:var(--muted);margin:0}
#noi-dung .curriculum-section{background:#f4f6f8}
#noi-dung .curriculum-layout{row-gap:32px}
#noi-dung .curriculum-summary{padding:28px;background:var(--navy);color:#c5d0dc;border-radius:9px;position:sticky;top:115px}
#noi-dung .curriculum-summary .eyebrow{color:#ffb572;font-size:9px}
#noi-dung .curriculum-summary h3{color:#fff;font-size:20px;line-height:1.6;margin-bottom:16px}
#noi-dung .curriculum-summary p{font-size:12px}
#noi-dung .phase-mini{display:flex;gap:18px;padding:19px 0;border-top:1px solid #ffffff26;font-size:12px;align-items:center}
#noi-dung .phase-mini strong{color:#ffb879;font-size:18px}
#noi-dung .phase-mini b{font-size:10px;font-weight:400;color:#aebfce}
#noi-dung .curriculum-summary .btn{margin-top:15px;width:100%;font-size:12px}
#noi-dung .phase-heading{font-size:17px;margin:0 0 17px;display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
#noi-dung .phase-heading>span{font-size:9px;padding:5px 8px;background:#e8edf3;letter-spacing:.04em;color:#526172;border-radius:3px}
#noi-dung .phase-heading small{font-size:10px;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:auto}
#noi-dung .second-phase{margin-top:32px}
#noi-dung .lesson-list details{background:#fff;border:1px solid var(--line);border-radius:6px;margin-bottom:10px;overflow:hidden}
#noi-dung .lesson-list summary,#noi-dung .faq-list summary{list-style:none;cursor:pointer;position:relative;display:flex;align-items:center;gap:15px;min-height:68px;padding:16px 48px 16px 20px;color:var(--navy);font-weight:600;font-size:13px}
#noi-dung .lesson-list summary::-webkit-details-marker,#noi-dung .faq-list summary::-webkit-details-marker{display:none}
#noi-dung .lesson-list summary:after,#noi-dung .faq-list summary:after{content:'+';position:absolute;right:20px;font-size:22px;font-weight:400;color:#657284}
#noi-dung .lesson-list details[open] summary:after,#noi-dung .faq-list details[open] summary:after{content:'−'}
#noi-dung .lesson-number{font-size:12px;color:#a14b07;flex-shrink:0}
#noi-dung .lesson-content{padding:0 24px 12px 55px;color:var(--muted);font-size:12px}
#noi-dung .lesson-content p{margin-bottom:14px}
#noi-dung .lesson-output{padding:12px 15px;border-left:2px solid #f0a468;background:#fff7ef;color:#5c4a3b}
#noi-dung .workflow{margin:28px 0}
#noi-dung .workflow>div{padding:14px 0 14px 18px;border-left:2px solid var(--orange);margin-bottom:10px;background:#f5f7fa}
#noi-dung .workflow span,#noi-dung .workflow strong{display:block}
#noi-dung .workflow span{font-size:9px;letter-spacing:.1em;color:#7c4b26;margin-bottom:3px}
#noi-dung .workflow strong{font-size:13px;color:var(--navy)}
#noi-dung .ai-section .split-copy{padding-left:15px;padding-right:44px}
#noi-dung .deliverables{background:var(--navy);color:#bfcbd8}
#noi-dung .deliverables h2{color:white}
#noi-dung .deliverables .col-lg-5>p:last-child{max-width:360px;font-size:14px}
#noi-dung .deliverable-list{padding-left:35px}
#noi-dung .deliverable-list article{display:flex;align-items:center;gap:22px;padding:26px 0;border-bottom:1px solid #ffffff26}
#noi-dung .deliverable-list article:first-child{border-top:1px solid #ffffff26}
#noi-dung .deliverable-list article>span,#noi-dung .deliverable-list article>i{font-size:30px;font-weight:500;color:#ffb273;width:40px;flex-shrink:0}
#noi-dung .deliverable-list h3{font-size:18px;color:white;margin-bottom:6px}
#noi-dung .deliverable-list p{font-size:12px;margin:0}
#noi-dung .deliverable-list small{font-size:8px;letter-spacing:.1em;color:#b7c5d3;margin-left:auto}
#noi-dung .course-info{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:32px}
#noi-dung .course-info h3{font-size:18px;padding-bottom:20px;border-bottom:1px solid var(--line);margin:0}
#noi-dung .course-info dl{margin:0}
#noi-dung .course-info dl>div{display:grid;grid-template-columns:115px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}
#noi-dung .course-info dl>div:last-child{border:0;padding-bottom:0}
#noi-dung .course-info dt{color:var(--navy);font-weight:600}
#noi-dung .course-info dd{margin:0;color:var(--muted)}
#noi-dung .text-link{font-size:13px;font-weight:600;display:inline-block;padding:8px 0;text-decoration:underline;text-underline-offset:5px}
#noi-dung .text-link span{margin-left:12px}
#noi-dung .faq-list details{border-bottom:1px solid #ccd5de}
#noi-dung .faq-list details:first-child{border-top:1px solid #ccd5de}
#noi-dung .faq-list summary{padding-left:0;font-size:14px;min-height:80px}
#noi-dung .faq-list details>div{padding:0 40px 10px 0;font-size:13px;color:var(--muted)}
#noi-dung .registration{background:#10243a;color:#c9d4df;position:relative}
#noi-dung .registration h2{color:#fff;font-size:40px;line-height:1.4}
#noi-dung .registration .col-lg-6>p:not(.eyebrow){max-width:445px;font-size:14px}
#noi-dung .registration-contact{margin-top:32px;border-top:1px solid #ffffff26;padding-top:22px;max-width:340px}
#noi-dung .registration-contact span{display:block;font-size:11px}
#noi-dung .registration-contact a{font-size:24px;color:#fff;letter-spacing:-.02em}
#noi-dung .registration-contact i{font-size:16px;margin-left:22px;color:var(--orange)}
#noi-dung .lead-form{background:#fff;color:var(--ink);border-radius:10px;padding:36px;margin-left:22px}
#noi-dung .lead-form h3{font-size:23px;margin-bottom:10px}
#noi-dung .lead-form>p{font-size:12px;color:var(--muted)}
#noi-dung .lead-form label{font-size:12px;font-weight:600;margin-bottom:8px}
#noi-dung .lead-form label>span{color:#b35305}
#noi-dung .lead-form label small{font-size:10px;font-weight:400;color:var(--muted)}
#noi-dung .form-control{height:49px;border:1px solid #d2dbe3;background:#f9fafb;border-radius:5px;padding:10px 13px;color:var(--ink);font-size:12px}
#noi-dung .form-control:focus{border-color:#a95510;box-shadow:0 0 0 3px #f5822020}
#noi-dung .consent{display:flex;gap:10px;margin:21px 0}
#noi-dung .consent input{width:18px;height:18px;flex-shrink:0;margin-top:3px;accent-color:#10243a}
#noi-dung .consent label{font-size:10px;font-weight:400;line-height:1.9;margin:0}
#noi-dung .consent a{text-decoration:underline}
#noi-dung .form-status{font-size:12px;margin:15px 0 0}
#noi-dung .form-status:empty{display:none}
#noi-dung .form-status.error{color:#9f2222}
#noi-dung .form-status.success{color:#24633c}
.mobile-cta{display:none}
@media(min-width:1200px){#noi-dung .container{max-width:1180px}
}
@media(max-width:1199.98px){#noi-dung .hero h1{font-size:48px}
#noi-dung .hero-copy{max-width:540px}
#noi-dung .facts-grid>div{padding:0 18px}
}
@media(max-width:991.98px){#noi-dung .section{padding:68px 0}
#noi-dung h2{font-size:31px}
#noi-dung .hero{min-height:580px}
#noi-dung .hero h1{font-size:46px}
#noi-dung .hero-copy{max-width:505px}
#noi-dung .hero:after{background:linear-gradient(90deg,#10243af5,#10243ac9 45%,#10243a24)}
#noi-dung .hero-image{object-position:65% center}
#noi-dung .facts-grid strong{font-size:27px}
#noi-dung .facts-grid small{font-size:12px}
#noi-dung .facts-grid span{font-size:10px}
#noi-dung .audience-card{margin-bottom:25px;height:auto}
#noi-dung .audience .row{row-gap:24px}
#noi-dung .split-copy,#noi-dung .ai-section .split-copy{padding-left:15px;padding-right:15px}
#noi-dung .curriculum-summary{position:static}
#noi-dung .curriculum-summary .btn{width:auto}
#noi-dung .phase-mini{display:inline-flex;width:49%;vertical-align:top}
#noi-dung .deliverable-list{padding-left:0;margin-top:20px}
#noi-dung .lead-form{margin-left:0}
#noi-dung .faq-list{margin-top:24px}
}
@media(max-width:575.98px){html{scroll-padding-top:86px}
body{padding-bottom:76px}
#noi-dung .container{padding-left:20px;padding-right:20px}
#noi-dung .section{padding:56px 0}
#noi-dung h2{font-size:29px;line-height:1.4}
#noi-dung .section-heading{margin-bottom:30px}
#noi-dung .eyebrow{font-size:9px;letter-spacing:.09em}
#noi-dung .hero{display:flex;flex-direction:column;min-height:0;overflow:visible}
#noi-dung .hero-content{padding-top:42px;padding-bottom:32px;order:0}
#noi-dung .hero h1{font-size:39px;line-height:1.25}
#noi-dung .hero-subtitle{font-size:16px}
#noi-dung .hero-description{font-size:13px}
#noi-dung .hero-image{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:right;order:1}
#noi-dung .hero:after{display:none}
#noi-dung .hero-copy{max-width:none}
#noi-dung .hero-actions{gap:12px;margin-top:24px;flex-direction:column;align-items:flex-start}
#noi-dung .hero-actions .btn{width:100%;font-size:12px}
#noi-dung .hero-link{padding:10px 0}
#noi-dung .hero-tools{margin-top:20px;font-size:10px}
#noi-dung .hero-caption{font-size:8px;bottom:10px;right:12px}
#noi-dung .facts-grid{grid-template-columns:repeat(2,1fr);padding:10px 0}
#noi-dung .facts-grid>div{padding:18px 10px!important}
#noi-dung .facts-grid>div:nth-child(2){border-right:0}
#noi-dung .facts-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
#noi-dung .facts-grid>div:nth-child(3){border-right:1px solid var(--line)}
#noi-dung .facts-grid strong{font-size:29px}
#noi-dung .facts-grid span{font-size:10px}
#noi-dung .audience .row{row-gap:0}
#noi-dung .audience-card{margin-bottom:24px;padding-top:17px}
#noi-dung .card-number{margin-bottom:12px}
#noi-dung .audience-card h3 br{display:none}
#noi-dung .audience-card h3{font-size:18px;margin-bottom:10px}
#noi-dung .audience-card p{font-size:13px}
#noi-dung .outcome-grid article{padding:23px}
#noi-dung .outcome-grid>div{margin-bottom:14px}
#noi-dung .outcome-grid i{margin-bottom:15px}
#noi-dung .output-note{padding:20px}
#noi-dung .output-note strong{font-size:17px;line-height:1.8}
#noi-dung .output-note b{margin:0 4px}
#noi-dung .split-row{row-gap:28px}
#noi-dung .split-copy>p:not(.eyebrow){font-size:13px}
#noi-dung .curriculum-summary{padding:25px}
#noi-dung .phase-mini{width:100%;padding:13px 0}
#noi-dung .phase-heading{font-size:15px}
#noi-dung .phase-heading small{margin-left:0}
#noi-dung .lesson-list summary{font-size:12px;gap:10px;padding-left:14px;padding-right:38px}
#noi-dung .lesson-list summary:after{right:14px}
#noi-dung .lesson-content{padding:0 17px 8px 39px}
#noi-dung .curriculum-section .section-heading h2 br{display:none}
#noi-dung .deliverables .col-lg-5>p:last-child{font-size:13px}
#noi-dung .deliverable-list article{gap:16px}
#noi-dung .deliverable-list article>span,#noi-dung .deliverable-list article>i{font-size:25px;width:32px}
#noi-dung .deliverable-list small{display:none}
#noi-dung .deliverable-list h3{font-size:16px}
#noi-dung .deliverable-list p{font-size:11px}
#noi-dung .course-info{padding:23px}
#noi-dung .course-info dl>div{grid-template-columns:95px 1fr;font-size:11px;gap:12px}
#noi-dung .faq-list summary{font-size:13px;min-height:75px;padding-right:30px}
#noi-dung .faq-list summary:after{right:4px}
#noi-dung .faq-list details>div{padding-right:15px}
#noi-dung .registration h2{font-size:31px}
#noi-dung .lead-form{padding:25px 22px}
#noi-dung .lead-form h3{font-size:21px}
#noi-dung .lead-form .btn{font-size:12px}
.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:1040;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -2px 15px #10243a18;align-items:center}
.mobile-cta>a:first-child{height:46px;width:46px;border:1px solid var(--line);border-radius:5px;display:grid;place-items:center;flex-shrink:0}
.mobile-cta .btn{flex:1;padding:12px 10px;font-size:11px;min-height:46px}
.mobile-cta .btn span{margin-left:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
#noi-dung *,#noi-dung *:before,#noi-dung *:after{transition:none!important;animation:none!important}
}

#noi-dung .registration-info{padding:28px 0;background:#f4f6f8;font-size:12px;color:#5d6876}
#noi-dung .registration-info h2{font-size:16px;margin-bottom:12px}
#noi-dung .registration-info p{margin-bottom:0}