:root {
  --ink: #eaf6ff;
  --muted: #9db4c9;
  --line: rgba(126,170,200,0.18);
  --panel: #122535;
  --teal: #2bd4c4;
  --water: #4fd6f5;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  padding: 28px 18px 60px;
  background:
    radial-gradient(110% 70% at 50% -10%, rgba(28,86,110,0.5), transparent 58%),
    #06121c;
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
}
main { width: min(720px, 100%); margin: 0 auto; }
.legal-brand { display: inline-flex; align-items: center; gap: 9px; color: var(--ink); text-decoration: none; font-weight: 850; }
.legal-brand img { width: 38px; height: 38px; object-fit: contain; }
article { margin-top: 22px; padding: clamp(22px, 5vw, 42px); border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(165deg, rgba(26,51,72,0.96), rgba(11,24,36,0.98)); box-shadow: 0 25px 70px rgba(0,0,0,0.45); }
h1 { margin: 0 0 4px; font-size: clamp(30px, 8vw, 46px); line-height: 1.08; letter-spacing: -0.04em; }
h2 { margin: 30px 0 7px; font-size: 19px; }
p, li { color: var(--muted); }
ul { padding-left: 22px; }
.effective { margin-top: 0; color: var(--teal); font-size: 13px; font-weight: 750; }
a { color: var(--water); }
.back { display: inline-block; margin-top: 24px; color: var(--teal); font-weight: 750; text-decoration: none; }