body .academy-header[data-shared-header]{width:calc(100% - 96px);max-width:1225px;height:72px;min-height:72px;margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:20;box-sizing:border-box;color:#071367;font-family:'Roboto',Arial,sans-serif;font-size:14px;zoom:1}
body .academy-header[data-shared-header] .brand{display:flex;align-items:center;flex:0 0 auto;gap:0;margin:0;padding:0}
body .academy-header[data-shared-header] .brand img{width:156px;height:auto;max-width:none;object-fit:contain;mix-blend-mode:normal}
body .academy-header[data-shared-header] nav{display:flex;flex:0 0 auto;flex-direction:row;align-items:center;gap:24px;position:static;top:auto;right:auto;width:auto;margin:0;padding:0;background:none;border-radius:0;box-shadow:none;color:#071367;font-family:'Roboto',Arial,sans-serif;font-size:14px;font-weight:600;white-space:nowrap}
body .academy-header[data-shared-header] nav a,body .academy-header[data-shared-header] nav button{display:block;position:relative;padding:12px 0;margin:0;font-family:'Roboto',Arial,sans-serif;font-size:14px;line-height:20px;font-weight:600;color:#071367;border:0;border-radius:0;white-space:nowrap;background:none}
body .academy-header[data-shared-header] nav .active{border:0;padding:12px 0}
body .academy-header[data-shared-header] nav .active:after{content:'';position:absolute;bottom:6px;left:0;right:0;height:2px;background:#ef9c31;border-radius:2px}
body .academy-header[data-shared-header] .header-actions{display:flex;align-items:center;flex:0 0 auto;gap:10px;margin:0;padding:0;white-space:nowrap}
body .academy-header[data-shared-header] .pill{display:block;border:0;border-radius:24px;padding:11px 20px;min-height:42px;line-height:20px;font-family:'Roboto',Arial,sans-serif;font-size:14px;font-weight:600;box-shadow:none;color:#10234b}
body .academy-header[data-shared-header] .pill.white{background:#fffdf9}
body .academy-header[data-shared-header] .pill.gold{background:linear-gradient(180deg,#ffdb82,#ffab27)}
body .academy-header[data-shared-header] .search-button{width:40px;height:40px;min-width:40px;padding:0;display:grid;place-items:center;border-radius:50%;background:#fffdfb;border:1px solid #eceef2;box-shadow:none;color:#071367}
body .academy-header[data-shared-header] .search-button svg,body .academy-header[data-shared-header] .search-button img{width:20px;height:20px;filter:none}
body .academy-header[data-shared-header] .menu-button{display:none;padding:0;border:0;background:none;color:#071367;width:32px;height:40px}
body .academy-header[data-shared-header] .menu-button svg,body .academy-header[data-shared-header] .menu-button img{width:23px;height:23px;filter:none}
body .academy-header[data-shared-header] nav .mobile-auth{display:none}
@media(max-width:1200px) and (min-width:1051px){body .academy-header[data-shared-header]{gap:16px}body .academy-header[data-shared-header] nav{gap:20px}}
@media(max-width:1050px){body .academy-header[data-shared-header]{width:calc(100% - 70px);gap:18px}body .academy-header[data-shared-header] nav{position:absolute;top:66px;right:0;display:none;width:248px;max-width:calc(100vw - 36px);flex-direction:column;align-items:stretch;padding:14px 20px;gap:0;background:#fffdf9;border:1px solid #eceef2;border-radius:12px;box-shadow:0 12px 30px #13274316;white-space:normal}body .academy-header[data-shared-header] nav.open{display:flex}body .academy-header[data-shared-header] nav a,body .academy-header[data-shared-header] nav button{padding:10px 0;font-size:14px;line-height:20px;text-align:left}body .academy-header[data-shared-header] nav .active:after{bottom:5px;right:auto;width:24px}body .academy-header[data-shared-header] .menu-button{display:grid;place-items:center}body .academy-header[data-shared-header] nav .mobile-auth{display:block;border-top:1px solid #eceef2;margin-top:4px;padding-top:12px}}
@media(max-width:700px){body .academy-header[data-shared-header]{width:calc(100% - 36px);height:68px;min-height:68px;gap:8px}body .academy-header[data-shared-header] .brand img{width:149px}body .academy-header[data-shared-header] .header-actions{gap:9px}body .academy-header[data-shared-header] .header-actions .pill{display:none}body .academy-header[data-shared-header] .search-button{width:35px;height:35px;min-width:35px}body .academy-header[data-shared-header] .menu-button{width:32px;height:35px}body .academy-header[data-shared-header] nav{top:63px}}
/* One scroll state shared by every page; the spacer preserves the hero layout. */
.header-scroll-spacer[hidden]{display:none}
body .academy-header[data-shared-header].is-scrolled{position:fixed;top:0;left:0;right:0;height:62px;min-height:62px;z-index:100;background:#fff}
body .academy-header[data-shared-header].is-scrolled:before{content:'';position:absolute;inset:0 calc((100% - 100vw)/2);background:#fff;box-shadow:0 3px 18px #10234b0c;border-bottom:1px solid #edf0f4;z-index:-1;pointer-events:none}
body .academy-header[data-shared-header].is-scrolled .brand img{width:145px}
body .academy-header[data-shared-header] .brand img{transition:width .18s ease}
body .academy-header[data-shared-header] .search-button svg{color:#071367;stroke:currentColor}
html{scroll-padding-top:82px}
@media(max-width:1050px){body .academy-header[data-shared-header].is-scrolled nav{top:59px}}
@media(max-width:700px){body .academy-header[data-shared-header].is-scrolled{height:58px;min-height:58px}body .academy-header[data-shared-header].is-scrolled .brand img{width:139px}body .academy-header[data-shared-header].is-scrolled nav{top:55px}html{scroll-padding-top:74px}}
@media(prefers-reduced-motion:reduce){body .academy-header[data-shared-header] .brand img{transition:none}}
/* Hoan thien chi tiet chung sau ra giao dien. */
body .academy-header .header-actions>a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}
body .academy-header .search-button>svg,body .academy-header .menu-button>svg{width:22px;height:22px;display:block}
body footer a,body footer button{text-decoration:none!important}
body footer a:hover,body footer a:focus-visible,body footer button:hover,body footer button:focus-visible{text-decoration:none!important;color:#ffbd4b}
body footer a::after,body footer button::after{border-bottom:0!important;text-decoration:none!important}