.brxe-button{width:auto}.brxe-toggle-mode{all:unset;align-items:center;cursor:pointer;justify-content:center}.brxe-toggle-mode,.brxe-toggle-mode .toggle{display:inline-flex}.brxe-toggle-mode svg{height:1em;width:1em}:root[data-brx-theme=dark] .brxe-toggle-mode .toggle.light,:root[data-brx-theme=light] .brxe-toggle-mode .toggle.dark{display:none}.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link .icon{flex-shrink:0}html { font-size: 100%;}:root { --nml-test-bg: #ffffff; --nml-test-surface: #f8fafc; --nml-test-text: #0f172a; --nml-test-accent: #2563eb; --color-text-secondary: #475569;}html[data-theme="dark"],html[data-brx-theme="dark"] { --nml-test-bg: #090d16; --nml-test-surface: #111827; --nml-test-text: #f8fafc; --nml-test-accent: #38bdf8; --color-text-secondary: #94a3b8;}@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } .hp-topic-card, .hp-resource-card, .hp-editorial-note, .hp-step-card, .hp-feature-card, .hp-btn-primary, .hp-btn-secondary, .hp-header__nav-link, .hp-header__cta, .hp-footer__link { transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease; } .hp-topic-card:hover, .hp-resource-card:hover, .hp-step-card:hover, .hp-feature-card:hover { transform: translateY(-2px); border-color: var(--nml-test-accent); } .hp-btn-primary:hover, .hp-header__cta:hover { transform: translateY(-1px); opacity: 0.94; } .hp-btn-secondary:hover { transform: translateY(-1px); border-color: var(--nml-test-accent); }}@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }}#hero,#top,#topics,#chuyen-muc,#featured-resources,#cong-cu,#learning-path,#bat-dau,#about-preview,#gioi-thieu,#closing-cta { scroll-margin-top: 84px;}.hp-header__logo b { color: var(--nml-test-accent); font-weight: 800;}.hp-header__nav-link:hover { color: var(--nml-test-accent) !important; background-color: var(--nml-test-bg);}.hp-footer__link:hover { color: var(--nml-test-accent) !important;}.hp-header__mode { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; border: 1px solid rgba(148, 163, 184, 0.16); background: var(--nml-test-surface); color: var(--nml-test-text); cursor: pointer;}.hp-header__mode:empty::before { content: "◐"; font-size: 16px; line-height: 1;}.hp-header__mode:hover { border-color: var(--nml-test-accent); color: var(--nml-test-accent);}.hp-step-card,.hp-feature-card,.hp-resources-layout .hp-resource-card,.hp-resources-layout .hp-editorial-note { border: 1px solid rgba(148, 163, 184, 0.14); height: 100%; flex: 1; box-sizing: border-box;}.hp-topic-card:focus-visible,.hp-btn-primary:focus-visible,.hp-btn-secondary:focus-visible,.hp-resource-read:focus-visible,.hp-header__nav-link:focus-visible,.hp-header__logo:focus-visible,.hp-header__cta:focus-visible,.hp-header__mode:focus-visible,.hp-footer__link:focus-visible { outline: 2px solid var(--nml-test-accent); outline-offset: 3px;}.hp-hero__heading,.hp-section-heading { text-wrap: balance;}.hp-hero__lead,.hp-section-lead { text-wrap: pretty;}.hp-resource-category a { color: var(--nml-test-accent); text-decoration: none; font-weight: 700;}@media (max-width: 991px) { .hp-header__bar { flex-wrap: wrap; row-gap: 12px; } .hp-header__nav { order: 3; width: 100%; justify-content: flex-start; overflow-x: auto; padding-bottom: 4px; }}@media (max-width: 478px) { .hp-cta-actions .brxe-button { width: 100%; max-width: 320px; justify-content: center; } .hp-header__cta { padding: 8px 14px !important; font-size: 13.5px !important; } .hp-header__nav { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px !important; overflow-x: visible; padding-top: 8px; border-top: 1px solid rgba(148, 163, 184, 0.12); } .hp-header__nav-link { text-align: center; justify-content: center; background: var(--nml-test-surface); border: 1px solid rgba(148, 163, 184, 0.12); padding: 7px 6px !important; font-size: 13px !important; }}#brxe-hph02w {font-size: clamp(18px, 17px + 0.25vw, 20px); font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; color: var(--nml-test-text)}#brxe-hph02x {padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; background-color: var(--nml-test-surface); border: 1px solid rgba(148, 163, 184, 0.14); border-radius: 999px; font-size: 10.5px; font-weight: 700; letter-spacing: 0.06em; color: var(--nml-test-accent)}#brxe-hph02v {display: flex; flex-direction: row; align-items: center; column-gap: 10px; width: auto}#brxe-hph02z {padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; border-radius: 8px; font-size: 14.5px; font-weight: 600; line-height: 1.4; color: var(--nml-test-text)}#brxe-hph030 {padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; border-radius: 8px; font-size: 14.5px; font-weight: 600; line-height: 1.4; color: var(--nml-test-text)}#brxe-hph031 {padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; border-radius: 8px; font-size: 14.5px; font-weight: 600; line-height: 1.4; color: var(--nml-test-text)}#brxe-hph032 {padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; border-radius: 8px; font-size: 14.5px; font-weight: 600; line-height: 1.4; color: var(--nml-test-text)}#brxe-hph033 {padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; border-radius: 8px; font-size: 14.5px; font-weight: 600; line-height: 1.4; color: var(--nml-test-text)}#brxe-hph034 {padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; border-radius: 8px; font-size: 14.5px; font-weight: 600; line-height: 1.4; color: var(--nml-test-text)}#brxe-hphdl1 {padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; border-radius: 8px; font-size: 14.5px; font-weight: 600; line-height: 1.4; color: var(--nml-test-text)}#brxe-hph02y {display: flex; flex-direction: row; align-items: center; column-gap: 6px; row-gap: 6px; width: auto}#brxe-hph037 {padding-top: 9px; padding-right: 18px; padding-bottom: 9px; padding-left: 18px; background-color: var(--nml-test-accent); border-radius: 10px; font-size: 14px; font-weight: 600; line-height: 1.4; color: var(--nml-test-bg)}#brxe-hph035 {display: flex; flex-direction: row; align-items: center; column-gap: 10px; width: auto}#brxe-hph02u {width: 100%; min-width: 0px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; column-gap: 20px; row-gap: 12px}#brxe-hph02t {width: 100%; max-width: 1200px; min-width: 0px; margin-right: auto; margin-left: auto}#site-header {width: 100%; min-width: 0px; padding-top: 16px; padding-right: clamp(1.25rem, 4vw, 2.5rem); padding-bottom: 16px; padding-left: clamp(1.25rem, 4vw, 2.5rem); background-color: var(--nml-test-bg); border-top: 0 solid rgba(148, 163, 184, 0.14); border-right: 0 solid rgba(148, 163, 184, 0.14); border-bottom: 1px solid rgba(148, 163, 184, 0.14); border-left: 0 solid rgba(148, 163, 184, 0.14)}@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } .hp-topic-card, .hp-resource-card, .hp-editorial-note, .hp-step-card, .hp-feature-card, .hp-btn-primary, .hp-btn-secondary, .hp-header__nav-link, .hp-header__cta, .hp-footer__link { transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease; } .hp-topic-card:hover, .hp-resource-card:hover, .hp-step-card:hover, .hp-feature-card:hover { transform: translateY(-2px); border-color: var(--nml-test-accent); } .hp-btn-primary:hover, .hp-header__cta:hover { transform: translateY(-1px); opacity: 0.94; } .hp-btn-secondary:hover { transform: translateY(-1px); border-color: var(--nml-test-accent); }}@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }}@media (max-width: 991px) { .hp-header__bar { flex-wrap: wrap; row-gap: 12px; } .hp-header__nav { order: 3; width: 100%; justify-content: flex-start; overflow-x: auto; padding-bottom: 4px; }}@media (max-width: 478px) { .hp-cta-actions .brxe-button { width: 100%; max-width: 320px; justify-content: center; } .hp-header__cta { padding: 8px 14px !important; font-size: 13.5px !important; } .hp-header__nav { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px !important; overflow-x: visible; padding-top: 8px; border-top: 1px solid rgba(148, 163, 184, 0.12); } .hp-header__nav-link { text-align: center; justify-content: center; background: var(--nml-test-surface); border: 1px solid rgba(148, 163, 184, 0.12); padding: 7px 6px !important; font-size: 13px !important; }}html { font-size: 100%;}:root { --nml-test-bg: #ffffff; --nml-test-surface: #f8fafc; --nml-test-text: #0f172a; --nml-test-accent: #2563eb; --color-text-secondary: #475569;}html[data-theme="dark"] { --nml-test-bg: #090d16; --nml-test-surface: #111827; --nml-test-text: #f8fafc; --nml-test-accent: #38bdf8; --color-text-secondary: #94a3b8;}html[data-brx-theme="dark"] { --nml-test-bg: #090d16; --nml-test-surface: #111827; --nml-test-text: #f8fafc; --nml-test-accent: #38bdf8; --color-text-secondary: #94a3b8;}#hero { scroll-margin-top: 84px;}#top { scroll-margin-top: 84px;}#topics { scroll-margin-top: 84px;}#chuyen-muc { scroll-margin-top: 84px;}#featured-resources { scroll-margin-top: 84px;}#cong-cu { scroll-margin-top: 84px;}#learning-path { scroll-margin-top: 84px;}#bat-dau { scroll-margin-top: 84px;}#about-preview { scroll-margin-top: 84px;}#gioi-thieu { scroll-margin-top: 84px;}#closing-cta { scroll-margin-top: 84px;} .hp-header__logo b { color: var(--nml-test-accent); font-weight: 800;} .hp-header__nav-link:hover { color: var(--nml-test-accent) !important; background-color: var(--nml-test-bg);} .hp-footer__link:hover { color: var(--nml-test-accent) !important;} .hp-header__mode { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; border: 1px solid rgba(148, 163, 184, 0.16); background: var(--nml-test-surface); color: var(--nml-test-text); cursor: pointer;} .hp-header__mode:empty::before { content: "◐"; font-size: 16px; line-height: 1;} .hp-header__mode:hover { border-color: var(--nml-test-accent); color: var(--nml-test-accent);} .hp-step-card { border: 1px solid rgba(148, 163, 184, 0.14); height: 100%; flex: 1; box-sizing: border-box;} .hp-feature-card { border: 1px solid rgba(148, 163, 184, 0.14); height: 100%; flex: 1; box-sizing: border-box;} .hp-resources-layout .hp-resource-card { border: 1px solid rgba(148, 163, 184, 0.14); height: 100%; flex: 1; box-sizing: border-box;} .hp-resources-layout .hp-editorial-note { border: 1px solid rgba(148, 163, 184, 0.14); height: 100%; flex: 1; box-sizing: border-box;} .hp-topic-card:focus-visible { outline: 2px solid var(--nml-test-accent); outline-offset: 3px;} .hp-btn-primary:focus-visible { outline: 2px solid var(--nml-test-accent); outline-offset: 3px;} .hp-btn-secondary:focus-visible { outline: 2px solid var(--nml-test-accent); outline-offset: 3px;} .hp-resource-read:focus-visible { outline: 2px solid var(--nml-test-accent); outline-offset: 3px;} .hp-header__nav-link:focus-visible { outline: 2px solid var(--nml-test-accent); outline-offset: 3px;} .hp-header__logo:focus-visible { outline: 2px solid var(--nml-test-accent); outline-offset: 3px;} .hp-header__cta:focus-visible { outline: 2px solid var(--nml-test-accent); outline-offset: 3px;} .hp-header__mode:focus-visible { outline: 2px solid var(--nml-test-accent); outline-offset: 3px;} .hp-footer__link:focus-visible { outline: 2px solid var(--nml-test-accent); outline-offset: 3px;} .hp-hero__heading { text-wrap: balance;} .hp-section-heading { text-wrap: balance;} .hp-hero__lead { text-wrap: pretty;} .hp-section-lead { text-wrap: pretty;} .hp-resource-category a { color: var(--nml-test-accent); text-decoration: none; font-weight: 700;}