:root {
  --ink: #16324d;
  --yellow: #ffe14a;
  --card: #ffffff;
  --paper: #e9f8fd;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: "Be Vietnam Pro", sans-serif;
  color: var(--ink);
  background: #b7eaf6;
}
.page {
  width: min(480px, 100%);
  margin: 0 auto;
  background: var(--paper);
  min-height: 100vh;
  padding: 22px 16px 36px;
}
.back { margin: 0; font-size: 13px; font-weight: 800; }
.back a { color: #0b8eae; text-decoration: none; }
h1 {
  margin: 14px 0 0;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 800;
}
.loi, .chua, .muc a {
  background: var(--card);
  border-radius: 18px;
  box-shadow: 0 8px 18px rgba(18, 90, 120, .12);
}
.loi { margin-top: 16px; padding: 14px 14px 6px; }
.loi p, .chua p { margin: 0 0 12px; font-size: 16px; font-weight: 600; line-height: 1.45; }
.chua {
  margin-top: 12px;
  padding: 14px;
  background: var(--yellow);
  box-shadow: none;
}
.chua b { display: block; margin-bottom: 6px; font-size: 13px; letter-spacing: .04em; text-transform: uppercase; }
.nguon { margin: 14px 2px 0; font-size: 13px; font-weight: 600; line-height: 1.45; }
.nguon a { color: #0b8eae; }
.nut {
  display: block;
  margin-top: 16px;
  background: #17324a;
  color: white;
  text-align: center;
  text-decoration: none;
  font-weight: 800;
  border-radius: 12px;
  padding: 14px;
}
.muc { margin: 16px 0 0; padding: 0; list-style: none; }
.muc a {
  display: block;
  margin-bottom: 10px;
  padding: 14px;
  color: var(--ink);
  text-decoration: none;
  font-weight: 800;
  font-size: 16px;
  line-height: 1.35;
}