/* VertixaTrade — shared styling for legal pages (Terms, Privacy). Self-contained, on-brand. */
:root {
  --bg: #0a1420;
  --bg2: #0f1c2e;
  --card: #101f31;
  --line: rgba(255, 255, 255, 0.09);
  --line2: rgba(255, 255, 255, 0.06);
  --text: #eaf0f8;
  --body: #c6d2e2;
  --muted: #93a3ba;
  --muted2: #74839a;
  --blue: #2A94F3;
  --blue2: #5ab6ff;
  --font: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--body); font-family: var(--font); font-size: 15.5px; line-height: 1.75; -webkit-font-smoothing: antialiased; }
a { color: var(--blue); text-decoration: none; }
a:hover { color: var(--blue2); text-decoration: underline; }

/* header */
.legal-nav { position: sticky; top: 0; z-index: 10; background: rgba(10, 20, 32, 0.82); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line2); }
.legal-nav__in { max-width: 860px; margin: 0 auto; padding: 15px 22px; display: flex; align-items: center; justify-content: space-between; }
.legal-brand { display: flex; align-items: center; gap: 9px; font-weight: 800; font-size: 19px; letter-spacing: -0.3px; color: #fff; }
.legal-brand svg { width: 22px; height: 22px; }
.legal-brand b { color: var(--blue); font-weight: 800; }
.legal-nav__back { font-size: 13.5px; font-weight: 600; color: var(--muted); }

/* content */
.legal-wrap { max-width: 860px; margin: 0 auto; padding: 44px 22px 90px; }
.legal-head h1 { margin: 0 0 8px; font-size: 32px; line-height: 1.15; font-weight: 800; color: #fff; letter-spacing: -0.5px; }
.legal-updated { color: var(--muted2); font-size: 13px; margin: 0 0 8px; }
.legal-intro { color: var(--muted); font-size: 15px; margin: 14px 0 6px; }
.legal-note { margin: 22px 0 8px; padding: 13px 16px; background: rgba(42, 148, 243, 0.08); border: 1px solid rgba(42, 148, 243, 0.2); border-radius: 12px; color: var(--muted); font-size: 13.5px; line-height: 1.6; }

.legal-content { margin-top: 20px; }
.legal-content section { padding: 26px 0; border-top: 1px solid var(--line2); }
.legal-content h2 { margin: 0 0 12px; font-size: 19px; font-weight: 800; color: var(--text); }
.legal-content h2 .n { color: var(--blue); margin-right: 8px; font-variant-numeric: tabular-nums; }
.legal-content h3 { margin: 18px 0 8px; font-size: 15.5px; font-weight: 700; color: var(--text); }
.legal-content p { margin: 0 0 12px; color: var(--body); }
.legal-content ul { margin: 0 0 12px; padding-left: 22px; color: var(--body); }
.legal-content li { margin: 0 0 8px; }
.legal-content strong { color: var(--text); font-weight: 700; }

/* footer */
.legal-foot { max-width: 860px; margin: 0 auto; padding: 30px 22px 60px; border-top: 1px solid var(--line2); color: var(--muted2); font-size: 13px; display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: center; justify-content: space-between; }
.legal-foot__links a { color: var(--muted); font-weight: 600; margin-right: 18px; }

@media (max-width: 560px) {
  .legal-head h1 { font-size: 26px; }
  .legal-wrap { padding: 30px 18px 70px; }
}