:root { --ink:#152033; --muted:#667085; --line:#dfe4ea; --blue:#3157d5; --bg:#f4f6f8; --surface:#fff; --coral:#ed5a50; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--bg); font-family:"Manrope",system-ui,sans-serif; font-size:15px; line-height:1.7; }
a { color:var(--blue); }
.legal-top { position:sticky; top:0; z-index:10; height:64px; border-bottom:1px solid var(--line); background:rgba(255,255,255,.95); backdrop-filter:blur(12px); }
.legal-top__inner { max-width:1080px; height:100%; margin:auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.legal-brand { display:flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font-weight:900; letter-spacing:.5px; }
.legal-brand span { width:34px; height:38px; display:grid; place-items:center; border-radius:4px 4px 10px 4px; color:#fff; background:var(--ink); }
.legal-nav { display:flex; gap:18px; }
.legal-nav a { color:#697587; font-size:12px; font-weight:700; text-decoration:none; }
.legal-nav a:hover { color:var(--blue); }
.legal-layout { max-width:1080px; margin:32px auto 70px; padding:0 24px; display:grid; grid-template-columns:210px minmax(0,760px); gap:34px; }
.legal-toc { position:sticky; top:96px; align-self:start; padding:16px; border:1px solid var(--line); border-radius:9px; background:white; }
.legal-toc strong { display:block; margin-bottom:9px; font-size:10px; letter-spacing:1px; text-transform:uppercase; }
.legal-toc a { display:block; padding:5px 0; color:#718094; font-size:11px; text-decoration:none; }
.legal-toc a:hover { color:var(--blue); }
.legal-doc { padding:38px 44px; border:1px solid var(--line); border-radius:10px; background:white; box-shadow:0 10px 35px rgba(16,24,40,.04); }
.legal-eyebrow { color:var(--blue); font-size:10px; font-weight:800; letter-spacing:1.3px; text-transform:uppercase; }
.legal-doc h1 { margin:10px 0 12px; font-size:34px; line-height:1.2; letter-spacing:-1px; }
.legal-updated { margin:0 0 28px; color:#8993a2; font-size:11px; }
.legal-doc h2 { margin:36px 0 12px; padding-top:8px; border-top:1px solid var(--line); font-size:20px; line-height:1.35; }
.legal-doc h3 { margin:22px 0 7px; font-size:15px; }
.legal-doc p, .legal-doc li { color:#536072; font-size:13px; }
.legal-doc ul, .legal-doc ol { padding-left:22px; }
.legal-doc li + li { margin-top:7px; }
.legal-note { margin:22px 0; padding:15px 17px; border-left:3px solid var(--blue); border-radius:0 7px 7px 0; background:#f0f3ff; color:#53617a; font-size:12px; }
.legal-warning { border-left-color:var(--coral); background:#fff2f2; }
.legal-table { width:100%; margin:18px 0; border-collapse:collapse; font-size:11px; }
.legal-table th, .legal-table td { padding:10px; border:1px solid var(--line); text-align:left; vertical-align:top; }
.legal-table th { background:#f7f8fa; }
.legal-actions { margin-top:30px; padding-top:20px; display:flex; gap:10px; border-top:1px solid var(--line); }
.legal-button { min-height:40px; padding:0 15px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--line); border-radius:6px; color:var(--ink); background:white; font-size:11px; font-weight:800; text-decoration:none; cursor:pointer; }
.legal-button--primary { border-color:var(--blue); color:#fff; background:var(--blue); }
.support-form label { display:block; margin-top:16px; color:#586578; font-size:11px; font-weight:800; }
.support-form input, .support-form select, .support-form textarea { width:100%; margin-top:6px; padding:11px 12px; border:1px solid #cad2dc; border-radius:7px; outline:0; font:inherit; font-size:12px; }
.support-form input:focus, .support-form textarea:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(49,87,213,.1); }
.support-form button { margin-top:17px; }
.support-status { margin-top:12px; font-size:12px; font-weight:700; }
.legal-footer { padding:25px; color:#8a94a3; border-top:1px solid var(--line); background:white; font-size:10px; text-align:center; }
@media (max-width:760px) { .legal-nav { display:none; } .legal-layout { margin-top:18px; display:block; } .legal-toc { position:static; margin-bottom:14px; } .legal-doc { padding:25px 20px; } .legal-doc h1 { font-size:27px; } }