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

    body {
      font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
      font-size: 15px;
      color: #1a1a2e;
      background: #f5f6fa;
      line-height: 1.7;
    }

    .page {
      max-width: 720px;
      margin: 48px auto;
      background: #fff;
      border-radius: 8px;
      border: 1px solid #e4e9f0;
      padding: 40px 48px;
    }

    h1 {
      font-size: 22px;
      font-weight: 700;
      color: #1a1a2e;
      margin-bottom: 32px;
    }

    h2 {
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1.8px;
      color: #1a6dd4;
      margin: 28px 0 10px;
    }

    p {
      color: #2d3a4a;
      margin-bottom: 8px;
    }

    a {
      color: #1a6dd4;
    }

    .back {
      display: inline-block;
      margin-top: 32px;
      font-size: 13px;
      color: #1a6dd4;
      text-decoration: none;
    }

    .back:hover {
      text-decoration: underline;
    }

    @media (max-width: 600px) {
      .page {
        margin: 0;
        border-radius: 0;
        padding: 28px 20px;
      }
    }