/* Shared base styles for legal pages — Piqvo */
:root {
  --bg:#0a0a0f; --surface:#12121a; --card:#1a1a26;
  --card-b:#ffffff12; --text:#f0f0f5; --muted:#8888a0;
  --muted2:#55556a; --accent:#a855f7; --accent2:#ec4899;
}
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body {
  background:var(--bg); color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:16px; line-height:1.7; min-height:100vh;
}
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }

/* Nav */
nav {
  position:sticky; top:0; z-index:100;
  display:flex; align-items:center; justify-content:space-between;
  padding:0 40px; height:60px;
  background:rgba(10,10,15,.85); backdrop-filter:blur(16px);
  border-bottom:1px solid var(--card-b);
}
.nav-brand { display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--muted); font-size:.82rem; }
.nav-brand:hover { color:var(--text); text-decoration:none; }
.nav-brand img { height:26px; }
.nav-back { color:var(--muted); font-size:.82rem; text-decoration:none; transition:color .15s; }
.nav-back:hover { color:var(--text); text-decoration:none; }

/* Layout */
.legal-wrap {
  max-width:760px; margin:0 auto;
  padding:56px 24px 80px;
}
.legal-label {
  display:inline-block; font-size:.72rem; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase;
  color:var(--accent); margin-bottom:12px;
}
.legal-wrap h1 {
  font-size:2rem; font-weight:800; line-height:1.2;
  margin-bottom:8px; color:var(--text);
}
.legal-date {
  font-size:.82rem; color:var(--muted2); margin-bottom:48px;
}
.legal-wrap h2 {
  font-size:1.05rem; font-weight:700; color:var(--text);
  margin:40px 0 12px;
}
.legal-wrap p { color:#c0c0d0; margin-bottom:14px; }
.legal-wrap ul { color:#c0c0d0; margin:0 0 14px 20px; }
.legal-wrap ul li { margin-bottom:6px; }
.legal-wrap strong { color:var(--text); }

/* Footer */
footer {
  border-top:1px solid var(--card-b);
  padding:24px 40px; text-align:center;
  color:var(--muted2); font-size:.75rem;
}
footer a { color:var(--muted); font-size:.75rem; }
footer a:hover { color:var(--text); text-decoration:none; }
.footer-sep { margin:0 6px; color:var(--card-b); }