:root{
  --bg:#191c1f;
  --panel:#20252b;
  --text:#d7dce3;
  --muted:rgba(215,220,227,.72);
  --line:rgba(255,255,255,.08);
  --link:#f0d48a;
}
*{box-sizing:border-box}
body{
  margin:0;
  min-height:100vh;
  font-family:Inter,"Noto Sans SC",sans-serif;
  background:linear-gradient(180deg,#171b1f 0%,#111418 100%);
  color:var(--text);
}
.page{
  width:min(860px,calc(100vw - 32px));
  margin:40px auto;
  padding:32px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(32,37,43,.82);
  box-shadow:0 18px 48px rgba(0,0,0,.24);
}
h1,h2{margin:0 0 14px}
h1{font-size:36px}
h2{font-size:20px;margin-top:28px}
body[data-legal-page="about"] h1{margin:0 0 18px}
p{margin:0 0 12px;line-height:1.7;color:var(--muted)}
footer{
  margin-top:32px;
  padding-top:18px;
  border-top:1px solid var(--line);
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}