:root {
  color-scheme: dark;
  --bg: #050505;
  --panel: #0d0d0f;
  --text: #f5f5f5;
  --muted: #b7b7bd;
  --line: #27272a;
  --accent: #e7c66b;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  background: radial-gradient(circle at top, #171717 0, var(--bg) 38rem);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
}
a { color: var(--accent); }
a:hover { text-decoration-thickness: 2px; }
.legal-shell { width: min(900px, calc(100% - 32px)); margin: 0 auto; padding: 40px 0 64px; }
.legal-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 28px; }
.brand { color: var(--text); text-decoration: none; font-weight: 800; letter-spacing: .02em; font-size: 1.15rem; }
.back { color: var(--muted); text-decoration: none; font-size: .95rem; }
.legal-card { background: color-mix(in srgb, var(--panel) 94%, transparent); border: 1px solid var(--line); border-radius: 20px; padding: clamp(24px, 5vw, 52px); box-shadow: 0 24px 80px rgba(0,0,0,.28); }
h1 { font-size: clamp(2rem, 6vw, 3.25rem); line-height: 1.08; margin: 0 0 10px; }
h2 { margin: 34px 0 10px; font-size: 1.3rem; }
p, li { color: var(--muted); }
.meta { margin: 0 0 34px; color: #8f8f96; font-size: .92rem; }
.notice { border-left: 3px solid var(--accent); padding: 12px 16px; background: rgba(231,198,107,.06); border-radius: 0 10px 10px 0; }
.legal-footer { margin-top: 28px; text-align: center; color: #87878d; font-size: .9rem; }
.legal-footer a { color: #d6d6da; margin: 0 8px; }
@media (max-width: 600px) {
  .legal-shell { width: min(100% - 20px, 900px); padding-top: 20px; }
  .legal-top { align-items: flex-start; flex-direction: column; }
  .legal-card { border-radius: 14px; }
}