:root{
  --bg:#0b0f14;
  --panel:#121820;
  --panel-soft:#171f29;
  --text:#f4f7fb;
  --muted:#aeb8c5;
  --line:rgba(255,255,255,.13);
  --accent:#ff6b35;
  --accent-soft:rgba(255,107,53,.14);
  --link:#8ecbff;
  --max:920px;
}
*{box-sizing:border-box}
html{color-scheme:dark;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.65}
a{color:var(--link)}
.legal-header{position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line);background:rgba(11,15,20,.94);backdrop-filter:blur(12px)}
.legal-nav{width:min(var(--max),calc(100% - 32px));margin:0 auto;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.legal-brand{color:var(--text);text-decoration:none;font-weight:800}
.legal-back{color:var(--muted);text-decoration:none;font-size:14px}
.legal-main{width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:44px 0 64px}
.legal-main h1{margin:0 0 10px;font-size:clamp(30px,5vw,48px);line-height:1.1}
.legal-main h2{margin:34px 0 12px;font-size:22px;line-height:1.3}
.legal-main h3{margin:24px 0 8px;font-size:18px}
.legal-main p,.legal-main li{color:var(--muted)}
.legal-main strong{color:var(--text)}
.legal-meta{margin:0 0 28px;color:var(--muted)}
.legal-card{margin:22px 0;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.legal-note{border-left:4px solid var(--accent);background:var(--accent-soft)}
.legal-list{padding-left:22px}
.legal-list li+li{margin-top:7px}
.legal-table{width:100%;border-collapse:collapse;margin:18px 0}
.legal-table th,.legal-table td{padding:12px;border:1px solid var(--line);vertical-align:top;text-align:left}
.legal-table th{width:32%;background:var(--panel-soft);color:var(--text)}
.legal-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.legal-links a{display:block;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);text-decoration:none}
.legal-footer{border-top:1px solid var(--line);padding:24px 16px;text-align:center;color:var(--muted);font-size:13px}
@media(max-width:640px){
  .legal-nav{min-height:56px}
  .legal-main{padding-top:32px}
  .legal-links{grid-template-columns:1fr}
  .legal-table,.legal-table tbody,.legal-table tr,.legal-table th,.legal-table td{display:block;width:100%}
  .legal-table tr+tr{margin-top:12px}
}