* { box-sizing: border-box; }
      html, body { margin: 0; min-height: 100%; background: #eef5fc url("/background.jpg") center top / cover fixed; color: #4d4d4d; font-family: Arial, Helvetica, sans-serif; }
      .page { width: min(100%, 760px); margin: 0 auto; padding: 42px 28px 54px; }
      .topbar { display: flex; justify-content: flex-end; }
      .close { color: #555; font-size: 30px; line-height: 1; text-decoration: none; }
      .close:hover { color: #2FA34A; }
      .document { padding-top: 28px; }
      h1 { margin: 0; color: #555; font-size: 32px; letter-spacing: .2px; }
      .date { margin: 8px 0 36px; color: #999; font-size: 13px; }
      h2 { display: flex; align-items: center; gap: 16px; margin: 28px 0 10px; color: #555; font-size: 16px; }
      h2::after { content: ""; height: 1px; flex: 1; background: #ddd; }
      p { margin: 0 0 18px; font-size: 15px; line-height: 1.6; }
      .actions { display: flex; justify-content: flex-end; margin-top: 38px; padding-top: 24px; border-top: 1px solid #eee; }
      .accept { display: inline-flex; align-items: center; justify-content: center; min-width: 176px; height: 44px; padding: 0 22px; border-radius: 4px; background: #2FA34A; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .6px; text-decoration: none; }
      .accept:hover { background: #278d40; }
      @media (max-width: 520px) { .page { padding: 28px 20px 40px; } h1 { font-size: 27px; } p { font-size: 14px; } }