/* Terms of Service and Privacy Policy pages, in the studio's colours */
:root { --bg: #020617; --card: #0f172a; --line: #334155; --text: #f8fafc; --muted: #94a3b8; --silver: #cbd5e1; --violet: #818cf8; --token: #c084fc; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--silver); font: 16px/1.65 "Segoe UI", system-ui, -apple-system, sans-serif; }
.legal { max-width: 760px; margin: 0 auto; padding: 32px 20px 64px; }
h1 { margin: 16px 0 4px; font-size: 32px; font-weight: 900; background: linear-gradient(90deg, var(--violet), var(--token)); -webkit-background-clip: text; background-clip: text; color: transparent; }
h2 { margin: 32px 0 8px; font-size: 19px; color: var(--text); }
p, li { color: var(--silver); }
ul { padding-left: 22px; }
li { margin: 6px 0; }
strong { color: var(--text); }
a { color: var(--violet); }
.meta { color: var(--muted); font-size: 14px; }
.back { display: inline-block; font-size: 14px; text-decoration: none; }
.back:hover { text-decoration: underline; }