.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-hpftlg {font-size: 19px; font-weight: 700; color: var(--nml-test-text)}#brxe-hpftds {font-size: 14.5px; color: var(--color-text-secondary, var(--nml-test-text))}#brxe-hpf03r {display: flex; flex-direction: column; align-items: flex-start; row-gap: 12px}#brxe-hpf03t {margin-bottom: 4px; font-size: 12px; font-weight: 700; color: var(--nml-test-accent)}#brxe-hpf03u {font-size: 14.5px; color: var(--nml-test-text)}#brxe-hpf03v {font-size: 14.5px; color: var(--nml-test-text)}#brxe-hpf03w {font-size: 14.5px; color: var(--nml-test-text)}#brxe-hpf03x {font-size: 14.5px; color: var(--nml-test-text)}#brxe-hpf03y {font-size: 14.5px; color: var(--nml-test-text)}#brxe-hpf03s {display: flex; flex-direction: column; align-items: flex-start; row-gap: 10px}#brxe-hpf040 {margin-bottom: 4px; font-size: 12px; font-weight: 700; color: var(--nml-test-accent)}#brxe-hpf041 {font-size: 14.5px; color: var(--nml-test-text)}#brxe-hpf042 {font-size: 14.5px; color: var(--nml-test-text)}#brxe-hpf043 {font-size: 14.5px; color: var(--nml-test-text)}#brxe-hpf044 {font-size: 14.5px; color: var(--nml-test-text)}#brxe-hpfdl1 {font-size: 14.5px; color: var(--nml-test-text)}#brxe-hpf03z {display: flex; flex-direction: column; align-items: flex-start; row-gap: 10px}#brxe-hpf046 {margin-bottom: 4px; font-size: 12px; font-weight: 700; color: var(--nml-test-accent)}#brxe-hpf047 {font-size: 14px; color: var(--color-text-secondary, var(--nml-test-text))}#brxe-hpf048 {font-size: 14px; color: var(--color-text-secondary, var(--nml-test-text))}#brxe-hpf049 {font-size: 14px; color: var(--color-text-secondary, var(--nml-test-text))}#brxe-hpf04a {font-size: 14px; color: var(--color-text-secondary, var(--nml-test-text))}#brxe-hpf045 {display: flex; flex-direction: column; align-items: flex-start; row-gap: 10px}#brxe-hpf03q {width: 100%; min-width: 0px; display: grid; align-items: initial; grid-template-columns: 1.4fr 1fr 1fr 1.1fr; gap: 28px; align-items: start}@media (max-width: 991px) {#brxe-hpf03q {grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 478px) {#brxe-hpf03q {grid-template-columns: 1fr}}#brxe-hpf04c {font-size: 13.5px; color: var(--color-text-secondary, var(--nml-test-text))}#brxe-hpf04d {font-size: 13.5px; font-weight: 600; color: var(--nml-test-accent)}#brxe-hpf04b {width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-top: 20px; border-top: 1px solid rgba(148, 163, 184, 0.14); border-right: 0 solid rgba(148, 163, 184, 0.14); border-bottom: 0 solid rgba(148, 163, 184, 0.14); border-left: 0 solid rgba(148, 163, 184, 0.14)}#brxe-hpf03p {width: 100%; max-width: 1200px; min-width: 0px; display: flex; flex-direction: column; row-gap: clamp(2rem, 3.5vw, 2.75rem); margin-right: auto; margin-left: auto}#site-footer {width: 100%; min-width: 0px; padding-top: clamp(3rem, 5vw, 4.25rem); padding-right: clamp(1.25rem, 4vw, 2.5rem); padding-bottom: clamp(2rem, 3.5vw, 2.75rem); padding-left: clamp(1.25rem, 4vw, 2.5rem); background-color: var(--nml-test-surface); border-top: 1px solid rgba(148, 163, 184, 0.14); border-right: 0 solid rgba(148, 163, 184, 0.14); border-bottom: 0 solid rgba(148, 163, 184, 0.14); border-left: 0 solid rgba(148, 163, 184, 0.14)}