:root { color-scheme: dark; --bg: #090b0f; --panel: #11151b; --text: #f5f7fa; --muted: #9aa3af; --line: rgba(255,255,255,.1); --accent: #d8ff3e; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--text); background: radial-gradient(circle at 15% 0, rgba(216,255,62,.055), transparent 28rem), var(--bg); font: 14px/1.7 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
main { width: min(760px, calc(100% - 32px)); margin: 0 auto; padding: 64px 0 80px; }
.legal-home { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 44px; color: var(--text); text-decoration: none; }
.legal-mark { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: #111; background: var(--accent); font-weight: 950; }
h1 { margin: 0; font-size: clamp(32px, 7vw, 50px); line-height: 1.08; letter-spacing: -.035em; }
.updated { margin: 12px 0 38px; color: var(--muted); font-size: 12px; }
h2 { margin: 34px 0 8px; font-size: 18px; line-height: 1.3; }
p, li { color: #c8ced7; }
ul { padding-left: 20px; }
a { color: var(--accent); }
.legal-note { padding: 14px 16px; border: 1px solid var(--line); border-radius: 13px; background: var(--panel); }
.legal-footer { display: flex; flex-wrap: wrap; gap: 7px 12px; margin-top: 54px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 11px; }
.legal-footer a { color: var(--muted); text-decoration: none; }
.legal-footer a:hover, .legal-footer a:focus-visible { color: var(--text); }
@media (max-width: 520px) { main { padding-top: 28px; } .legal-home { margin-bottom: 32px; } }