:root { --bg:#0b0d12; --panel:#141720; --line:rgba(226,232,245,.11); --text:#f4f6fb; --muted:#98a1b2; --accent:#aab7ff; --notice:#20243a; }
* { box-sizing:border-box; }
body { min-height:100vh; margin:0; color:var(--text); background:radial-gradient(850px 500px at 10% -20%,#29335c 0%,transparent 67%),var(--bg); font-family:Manrope,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
.legal { width:min(100% - 40px, 780px); margin:0 auto; padding:54px 0 80px; }
.brand { display:inline-flex; align-items:center; gap:9px; color:var(--text); text-decoration:none; font-size:15px; font-weight:800; letter-spacing:-.055em; }
.brand-mark { width:24px; height:24px; display:grid; place-items:center; border-radius:8px; color:#111522; background:#aab7ff; }
.brand-mark svg { width:15px; }
.back { display:inline-block; margin:42px 0 24px; color:var(--accent); font-size:12px; text-decoration:none; }
.back:hover { color:#fff; text-decoration:underline; text-underline-offset:3px; }
h1 { margin:0; letter-spacing:-.065em; font-size:clamp(34px,6vw,52px); line-height:1; }
.updated { margin:15px 0 34px; color:var(--muted); font-size:12px; }
.notice { margin:0 0 30px; padding:16px 18px; border:1px solid rgba(170,183,255,.2); border-radius:12px; color:#c9d1e7; background:var(--notice); font-size:12px; line-height:1.65; }
.content { padding:clamp(22px,5vw,42px); border:1px solid var(--line); border-radius:18px; background:rgba(20,23,32,.86); box-shadow:0 22px 70px rgba(0,0,0,.17); }
section + section { margin-top:31px; padding-top:31px; border-top:1px solid var(--line); }
h2 { margin:0 0 11px; font-size:16px; letter-spacing:-.035em; }
p, li { color:var(--muted); font-size:13px; line-height:1.75; }
p { margin:0; }
p + p { margin-top:11px; }
ul { margin:9px 0 0; padding-left:20px; }
a { color:var(--accent); }
.placeholder { color:#e7c98b; }
@media (max-width:520px) { .legal { width:min(100% - 28px,780px); padding-top:30px; } .content { padding:22px; } }