:root{--ink:#080808;--paper:#eeece5;--red:#d81820;--gray:#69655f;--line:#c8c4bc;--dark-line:rgba(255,255,255,.17)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:4px}.shell{width:min(100% - 48px,1380px);margin-inline:auto}.skip-link{position:fixed;z-index:2147483647;top:10px;left:10px;padding:12px 16px;background:#fff;color:#080808;font-weight:800;transform:translateY(-160%)}.skip-link:focus{transform:none}
.nav{position:fixed;z-index:2147483600;top:0;left:0;width:100%;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,64px);border-bottom:1px solid var(--dark-line);background:rgba(8,8,8,.97);color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.5);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.wordmark{width:200px;height:54px;display:block;flex:0 0 auto}.wordmark img{width:100%;height:100%;object-fit:contain;object-position:left center;filter:invert(1)}.nav-links{display:flex;align-items:center;gap:clamp(18px,2.4vw,38px);margin-left:auto;margin-right:clamp(18px,2.6vw,38px);color:#d7d7d7;font-size:12px}.nav-links a{position:relative;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}.nav-links a::after{content:"";position:absolute;right:0;bottom:5px;left:0;height:1px;background:var(--red);transform:scaleX(0);transition:transform .22s}.nav-links a:hover::after,.nav-links a:focus-visible::after,.nav-links a[aria-current="page"]::after{transform:scaleX(1)}.nav-course-short{display:none}.nav-zalo{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;font-weight:800;white-space:nowrap;transition:.2s}.nav-zalo:hover{background:#ed1b24;transform:translateY(-2px)}
.article-hero{padding:clamp(155px,15vw,210px) 0 92px;background:var(--ink);color:#fff;position:relative;overflow:hidden}.article-hero::before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at 78% 35%,rgba(216,24,32,.2),transparent 30%),radial-gradient(circle at 70% 70%,rgba(35,87,77,.16),transparent 28%)}.article-hero .shell{position:relative}.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;color:#8f8f8f;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.breadcrumb a:hover{color:#fff}.article-meta{display:flex;gap:16px;align-items:center;margin:42px 0 24px;color:#aaa;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.article-meta .category{color:var(--red)}.article-hero h1{max-width:1120px;margin:0;font-size:clamp(54px,7.8vw,116px);line-height:.95;letter-spacing:-.06em}.article-deck{max-width:760px;margin:36px 0 0;color:#b8b8b8;font-size:clamp(18px,1.6vw,23px);line-height:1.65}
.article-layout{display:grid;grid-template-columns:minmax(200px,280px) minmax(0,760px);justify-content:center;gap:clamp(50px,8vw,120px);padding:clamp(80px,10vw,140px) 0}.toc{position:sticky;top:126px;align-self:start;padding-top:10px}.toc-label{display:block;margin-bottom:20px;color:var(--red);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.toc ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.toc a{display:block;padding:15px 0;border-bottom:1px solid var(--line);color:var(--gray);font-size:12px;line-height:1.45}.toc a:hover{color:var(--ink)}.article-copy{min-width:0}.article-copy .lead{margin-top:0;color:#282724;font-size:clamp(22px,2.2vw,31px);line-height:1.5}.article-copy h2{scroll-margin-top:125px;margin:64px 0 20px;font-size:clamp(34px,4vw,55px);line-height:1.05;letter-spacing:-.045em}.article-copy h3{margin:38px 0 14px;font-size:24px;letter-spacing:-.03em}.article-copy p,.article-copy li{color:var(--gray);font-size:17px;line-height:1.85}.article-copy ul,.article-copy ol{padding-left:22px}.key-note{margin:38px 0;padding:26px 30px;border-left:4px solid var(--red);background:#e4e0d7;color:#312f2b;font-size:15px;line-height:1.75}.workflow{display:grid;gap:1px;margin:34px 0;background:var(--line);border:1px solid var(--line)}.workflow li{display:grid;grid-template-columns:48px 1fr;gap:16px;margin:0;padding:20px;background:#f6f4ef;list-style:none}.workflow strong{color:var(--red)}
.article-end{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-top:48px;margin-top:70px;border-top:1px solid var(--line)}.back-link,.zalo-link{min-height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border:1px solid var(--ink);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.zalo-link{border-color:var(--red);background:var(--red);color:#fff}.related{padding:clamp(80px,9vw,125px) 0;background:#141414;color:#fff}.related-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.related h2{margin:0;font-size:clamp(48px,6vw,82px);line-height:1;letter-spacing:-.055em}.related-head>a{color:#aaa;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.related-card{min-height:230px;padding:28px;border:1px solid var(--dark-line);display:flex;flex-direction:column;transition:.2s}.related-card:hover{border-color:var(--red);transform:translateY(-4px)}.related-card span{color:var(--red);font-size:10px;font-weight:800;letter-spacing:.14em}.related-card h3{margin:35px 0 18px;font-size:clamp(26px,3vw,40px);line-height:1.08}.related-card p{margin:auto 0 0;color:#999;font-size:14px;line-height:1.6}
.floating-actions{position:fixed;z-index:2147483000;right:clamp(18px,3vw,44px);bottom:120px;display:flex;flex-direction:column;align-items:center;gap:18px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:.22s}.floating-actions.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:none}.floating-action{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.38);background:rgba(8,8,8,.88);color:#fff}.floating-zalo{background:transparent;border-color:transparent}.floating-zalo img{width:58px;height:58px;object-fit:contain;filter:none;box-shadow:none}.floating-label{margin-top:-8px;color:#fff;font-size:9px;font-weight:800;white-space:nowrap}.footer{min-height:88px;display:flex;align-items:center;background:var(--ink);color:#777;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.footer .shell{display:flex;align-items:center;justify-content:space-between}
@media(max-width:900px){.article-layout{grid-template-columns:1fr}.toc{position:static;padding:22px;border:1px solid var(--line)}.related-grid{grid-template-columns:1fr}}
@media(max-width:760px){.shell{width:calc(100% - 28px)}.nav{height:78px;padding:0 14px}.wordmark{width:110px;height:48px}.nav-links{gap:4px;margin-right:4px}.nav-links a{min-width:0;padding:10px 2px;font-size:8px}.nav-links a:nth-child(2),.nav-links a:nth-child(5){display:none}.nav-course-label{display:none}.nav-course-short{display:inline}.nav-zalo{height:40px;min-height:40px;padding:0 8px;font-size:7px}.article-hero{padding-top:125px}.article-meta{flex-wrap:wrap}.article-layout{padding-block:70px}.article-copy p,.article-copy li{font-size:16px}.article-end{align-items:stretch;flex-direction:column}.back-link,.zalo-link{width:100%}.related-head{align-items:flex-start;flex-direction:column}.floating-actions{right:14px;bottom:calc(104px + env(safe-area-inset-bottom))}.floating-action,.floating-zalo img{width:52px;height:52px}.footer .shell{gap:10px}}
.nav-resource-short{display:none}
@media(max-width:760px){.nav-links a:nth-child(5){display:inline-flex}.nav-links a:nth-child(6){display:none}.nav-resource-label{display:none}.nav-resource-short{display:inline}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}