:root {
  --bg: #07111d;
  --panel: #0d1926;
  --text: #eef3f7;
  --muted: #aeb9c4;
  --accent: #ffcf5b;
  --line: rgba(255,255,255,.13);
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--text);
  background: var(--bg);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.page { width: min(820px, calc(100% - 32px)); margin: 0 auto; padding: 34px 0 70px; }
.back { display: inline-flex; align-items: center; gap: 8px; color: var(--accent); font-weight: 750; text-decoration: none; }
.back:hover { text-decoration: underline; }
.card { margin-top: 28px; padding: clamp(24px, 5vw, 52px); border: 1px solid var(--line); border-radius: 22px; background: var(--panel); }
.kicker { margin: 0 0 10px; color: var(--accent); font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(34px, 6vw, 54px); line-height: 1.03; letter-spacing: -.045em; }
.updated { margin: 14px 0 34px; color: var(--muted); }
h2 { margin: 34px 0 12px; font-size: 22px; line-height: 1.2; }
p, li { color: #cbd4dc; font-size: 16px; line-height: 1.65; }
ul { padding-left: 22px; }
a { color: var(--accent); }
.requisites { padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.035); }
.note { color: var(--muted); font-size: 14px; }
@media (max-width: 520px) { .page { padding-top: 22px; } .card { margin-top: 22px; padding: 24px 20px; border-radius: 16px; } }