:root {
        color-scheme: light dark;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        background: #f5f6f8;
        color: #20242b;
      }
      * { box-sizing: border-box; }
      body {
        margin: 0;
        min-height: 100vh;
        min-height: 100svh;
        display: grid;
        place-items: center;
        padding: 32px 20px;
      }
      main { width: 100%; max-width: 420px; text-align: center; }
      img {
        display: block;
        width: 120px;
        height: 120px;
        margin: 0 auto 28px;
        padding: 12px;
        background: #fff;
        border-radius: 24px;
      }
      h1 { margin: 0 0 12px; font-size: clamp(1.6rem, 6vw, 2rem); letter-spacing: -0.035em; }
      p { margin: 0; color: #606874; font-size: 1rem; line-height: 1.6; }
      @media (prefers-color-scheme: dark) {
        :root { background: #121417; color: #f1f3f5; }
        p { color: #a7afb9; }
      }

a { color: inherit; text-underline-offset: 3px; }
nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 24px; margin-top: 28px; font-size: .875rem; }
main.legal-page { max-width: 720px; }
.legal-content { white-space: pre-wrap; overflow-wrap: anywhere; text-align: left; line-height: 1.7; margin-top: 28px; }