:root{--navy:#0e2a47;--navy2:#091c32;--cream:#f7f5ef;--gold:#d6a85c;--muted:#b8c6da}
*{box-sizing:border-box}
body{margin:0;font-family:"Noto Sans CJK HK","PingFang HK","Helvetica Neue",Arial,sans-serif;
     background:var(--navy);color:var(--cream);line-height:1.75}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
     padding:16px 28px;background:var(--navy2);border-bottom:2px solid var(--gold)}
.bar .brand{font-weight:800;font-size:20px;color:var(--cream);text-decoration:none}
.bar nav a{color:var(--gold);text-decoration:none;margin-left:20px;font-size:15px;font-weight:600}
.bar nav a:hover{text-decoration:underline}
.wrap{max-width:780px;margin:0 auto;padding:40px 26px 70px}
h1{font-size:38px;margin:6px 0 4px}
h2{color:var(--gold);font-size:21px;margin-top:34px;border-bottom:1px solid #ffffff22;padding-bottom:6px}
.kicker{color:var(--gold);letter-spacing:.28em;font-size:13px}
.pillars{color:var(--muted);font-size:15px}
a{color:var(--gold)}
.muted{color:var(--muted)}
.yt{display:inline-flex;align-items:center;gap:8px;vertical-align:middle}
.card{background:var(--navy2);border:1px solid #ffffff1a;border-radius:12px;padding:18px 22px;margin-top:20px}
footer{margin-top:50px;border-top:1px solid #ffffff22;padding-top:20px;color:var(--muted);font-size:14px}
footer a{margin-right:18px}
ul{padding-left:22px}
li{margin:6px 0}