:root {
        --primary: #0d1b2e;
        --secondary: #f3f7fc;
        --accent: #1b5ea3;
        --accent-light: #4a8ec5;
        --text: #1a2e44;
        --text-light: #587898;
        --border: #cad8ea;
      }

      * { margin: 0; padding: 0; box-sizing: border-box; }

      body {
        font-family: "Manrope", sans-serif;
        color: var(--text);
        background: var(--secondary);
        overflow-x: hidden;
        -webkit-font-smoothing: antialiased;
      }

      /* ── Page content ──────────────────────────── */
      .legal-page {
        max-width: 820px;
        margin: 0 auto;
        padding: 7rem 2rem 5rem;
      }

      .legal-page h1 {
        font-size: 2.4rem;
        font-weight: 800;
        color: var(--primary);
        letter-spacing: -0.02em;
        margin-bottom: 0.5rem;
      }

      .legal-page .subtitle {
        color: var(--text-light);
        font-size: 1rem;
        margin-bottom: 3rem;
        padding-bottom: 2rem;
        border-bottom: 1px solid var(--border);
      }

      .legal-page h2 {
        font-size: 1.2rem;
        font-weight: 700;
        color: var(--primary);
        margin: 2.5rem 0 1rem;
      }

      .legal-page p {
        line-height: 1.8;
        color: var(--text);
        margin-bottom: 1rem;
        font-size: 0.97rem;
      }

      .legal-page a {
        color: var(--accent);
        text-decoration: none;
      }

      .legal-page a:hover { text-decoration: underline; }

      @media (max-width: 768px) {
        .legal-page { padding: 6rem 1.5rem 4rem; }
        .legal-page h1 { font-size: 1.8rem; }
      }