:root{color-scheme:dark;--bg:#07121f;--panel:#102b3bcc;--ink:#f2f6f2;--muted:#b6c7c9;--gold:#e7c46b;--teal:#68d4d0;--line:#e7c46b55}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#07121fdd,#07121ff5),url("https://hoanggiacpc.com/assets/hero.jpg") center/cover fixed;color:var(--ink);font:16px/1.7 system-ui,-apple-system,sans-serif}a{color:var(--gold);text-underline-offset:.2em}a:focus-visible{outline:3px solid var(--teal);outline-offset:4px}header,main,footer{width:min(1080px,calc(100% - 32px));margin:auto}header{padding:24px 0;border-bottom:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}.brand{font:700 1.2rem Georgia,serif;letter-spacing:.1em;text-decoration:none}.nav,.language{display:flex;gap:16px;flex-wrap:wrap}.nav a,.language a{min-height:42px;display:inline-flex;align-items:center}.draft{margin:24px 0;padding:14px 18px;border:1px solid var(--gold);border-radius:12px;background:#4d351fbb;color:#ffe2a1}.hero{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:66px 0}.hero h1{font:700 clamp(2.4rem,6vw,5rem)/1.1 Georgia,serif;color:var(--gold);margin:.2em 0}.eyebrow{color:var(--teal);font-size:.8rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.hero p{color:var(--muted);max-width:650px}.hero img{width:100%;border-radius:20px;border:1px solid var(--line);box-shadow:0 20px 70px #0008}.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:clamp(22px,4vw,42px);margin:28px 0}.panel h2,.document h1,.document h2{font-family:Georgia,serif;color:var(--gold)}.document{max-width:820px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:clamp(22px,4vw,42px);margin:32px auto}.document h1{font-size:clamp(2rem,5vw,3.3rem);margin-top:0}.summary{font-size:1.1rem;color:var(--muted)}.meta{font-size:.9rem;color:var(--muted)}.toc{display:flex;gap:10px 18px;flex-wrap:wrap;margin:26px 0}.contact{border:1px solid var(--line);padding:16px;border-radius:12px}.document section{margin:32px 0}.document h2{font-size:1.35rem}.document p{overflow-wrap:anywhere}footer{padding:28px 0 44px;border-top:1px solid var(--line);color:var(--muted);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.skip{position:absolute;left:12px;top:-80px;background:var(--bg);padding:10px}.skip:focus{top:12px}@media(max-width:700px){.hero{grid-template-columns:1fr;padding:38px 0}.hero img{order:2}.nav{gap:10px}}
