@import url("/static/fonts/fonts.css");
:root { --bg: #f4f5f7; --card: #fff; --text: #16181d; --muted: #6b7280; --accent: #0f766e; }
@media (prefers-color-scheme: dark) { :root { --bg: #0f1115; --card: #181b21; --text: #eef0f4; --muted: #a1a8b3; --accent: #5eead4; } }
body { margin: 0; background: var(--bg); color: var(--text); font-family: "Rubik", system-ui, sans-serif; line-height: 1.7; }
.legal { max-width: 760px; margin: 24px auto; padding: 28px 22px 40px; background: var(--card); border-radius: 16px; }
h1 { margin: 4px 0; font-size: 28px; }
h2 { margin-top: 28px; font-size: 18px; }
p { margin: 8px 0; }
.lead { font-size: 16px; }
.meta, .back { color: var(--muted); font-size: 13px; }
a { color: var(--accent); }
@media (max-width: 800px) { .legal { margin: 0; border-radius: 0; } }