:root {
  --bg: #0A0E0E;
  --panel: #101615;
  --line: #22302C;
  --text: #C9D6D0;
  --dim: #8C9A94;
  --green: #39FF9C;
  --mono: ui-monospace, 'SFMono-Regular', Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background: var(--bg);
  font: 15px/1.7 var(--mono);
  background-image: linear-gradient(rgba(57,255,156,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(57,255,156,.025) 1px, transparent 1px);
  background-size: 34px 34px;
}
a { color: var(--green); }
.wrap { max-width: 900px; margin: 0 auto; padding: 42px 24px 72px; }
.top { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding-bottom: 26px; border-bottom: 1px solid var(--line); }
.legal-actions { display: flex; align-items: center; gap: 14px; }
.lang-switch { display: flex; border: 1px solid var(--line); border-radius: 4px; overflow: hidden; }
.lang-switch a { padding: 7px 10px; color: var(--dim); text-decoration: none; font-family: var(--mono); font-size: 12px; line-height: 1; }
.lang-switch a.active { color: #04120B; background: var(--green); font-weight: 700; }
.brand { color: var(--text); font-size: 18px; font-weight: 700; text-decoration: none; }
.prompt { color: var(--green); }
.back { font-size: 12px; }
.eyebrow { color: var(--green); font-size: 12px; margin: 42px 0 8px; }
h1 { margin: 0; font-size: clamp(28px, 6vw, 46px); line-height: 1.1; }
h2 { margin: 38px 0 12px; font-size: 19px; }
h3 { margin: 24px 0 8px; font-size: 15px; color: var(--green); }
p, li { color: var(--dim); }
strong { color: var(--text); }
ul { padding-left: 20px; }
li + li { margin-top: 7px; }
.notice { margin-top: 28px; padding: 18px; border: 1px solid #846a32; background: rgba(255,180,84,.06); color: #e5c98e; font-size: 13px; }
.card { margin-top: 18px; padding: 18px; border: 1px solid var(--line); background: var(--panel); }
.meta { margin-top: 12px; color: var(--dim); font-size: 12px; }
footer { margin-top: 50px; padding-top: 20px; border-top: 1px solid var(--line); color: var(--dim); font-size: 12px; }
@media (max-width: 550px) { .top { align-items: flex-start; flex-direction: column; gap: 10px; } .legal-actions { width: 100%; justify-content: space-between; } }