:root{
  --bg:#070707;
  --panel:#111113;
  --panel2:#17171a;
  --line:rgba(255,255,255,.10);
  --text:#f7f7f8;
  --muted:#a6a6ad;
  --accent:#ff4463;
  --max:920px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 12% -10%,rgba(255,68,99,.15),transparent 31rem),
    radial-gradient(circle at 92% 0,rgba(110,84,255,.09),transparent 28rem),
    var(--bg);
  color:var(--text);
  font-family:"Avenir Next","Segoe UI","Helvetica Neue",Arial,system-ui,sans-serif;
  line-height:1.72;
}
a{color:inherit}
.legal-shell{min-height:100vh}
.legal-header{
  position:sticky;top:0;z-index:20;
  border-bottom:1px solid var(--line);
  background:rgba(7,7,7,.88);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.legal-header__inner{
  max-width:var(--max);margin:0 auto;padding:13px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.legal-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:-.01em}
.legal-brand img{width:30px;height:30px;border-radius:8px;object-fit:cover}
.legal-home{
  display:inline-flex;align-items:center;gap:7px;
  color:#dedee2;text-decoration:none;font-size:14px;font-weight:650;
}
.legal-home svg{width:17px;height:17px}
.legal-main{max-width:var(--max);margin:0 auto;padding:54px 20px 76px}
.legal-eyebrow{
  display:flex;flex-wrap:wrap;align-items:center;gap:9px;
  color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
}
.legal-language{
  color:#fff;background:rgba(255,255,255,.08);border:1px solid var(--line);
  border-radius:999px;padding:4px 9px;letter-spacing:.04em;font-size:11px;
}
h1{
  margin:14px 0 12px;font-size:clamp(34px,7vw,58px);
  line-height:1.04;letter-spacing:-.045em;
}
.legal-lead{max-width:760px;color:#c5c5cb;font-size:17px;margin:0}
.legal-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.legal-chip{
  padding:7px 10px;border:1px solid var(--line);
  background:rgba(255,255,255,.035);border-radius:10px;
  color:#bdbdc4;font-size:12px;
}
.legal-card{
  margin-top:32px;padding:clamp(22px,4vw,38px);
  background:linear-gradient(180deg,rgba(23,23,26,.94),rgba(15,15,17,.96));
  border:1px solid var(--line);border-radius:22px;
  box-shadow:0 24px 60px rgba(0,0,0,.22);
}
.legal-card h2{font-size:22px;margin:30px 0 9px;line-height:1.25;letter-spacing:-.02em}
.legal-card h2:first-child{margin-top:0}
.legal-card h3{font-size:17px;margin:22px 0 7px}
.legal-card p,.legal-card li{color:#d2d2d7}
.legal-card ul{padding-left:22px}
.legal-note{
  padding:16px 17px;border:1px dashed rgba(255,255,255,.18);
  border-radius:14px;background:rgba(255,255,255,.025);color:#b9b9c0
}
.legal-note strong{color:#fff}
.legal-nav{
  max-width:var(--max);margin:0 auto;padding:0 20px 34px;
  display:flex;flex-wrap:wrap;gap:9px;
}
.legal-nav a{
  text-decoration:none;color:#bebec5;font-size:13px;
  border:1px solid var(--line);border-radius:999px;padding:8px 12px;
  background:rgba(255,255,255,.025)
}
.legal-nav a[aria-current="page"]{color:#fff;border-color:rgba(255,68,99,.45);background:rgba(255,68,99,.10)}
.legal-footer{
  border-top:1px solid var(--line);color:#818188;text-align:center;
  padding:22px 20px 34px;font-size:12px;
}
@media(max-width:640px){
  .legal-header__inner{padding:11px 15px}
  .legal-main{padding:39px 15px 58px}
  .legal-card{border-radius:17px;padding:20px 17px}
  .legal-nav{padding:0 15px 28px}
  .legal-brand span{font-size:14px}
}